一.语法

1. $(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)”查询”和”查找” HTML 元素
  • jQueryaction() 执行对元素的操作

二.选择器

1.元素选择器

$("p") :在页面内选取所有 <p> 元素

2. #id 选择器

$("#test") :在页面内选取所有 id="test" 的元素

3. .class 选择器

$(".test") :在页面内选取所有 class="test" 的元素

三.事件

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload
hover

1. click() 点击事件

$(selector).click(function(){
  ...
});

2. dblclick() 双击事件

$(selector).dblclick(function(){
  ...
});

3. mouseenter() 鼠标指针穿过元素

$(selector).mouseenter(function(){
    ...
});

4. mouseleave() 鼠标指针离开元素

$(selector).mouseleave(function(){
  ...
});

5. mousedown() 鼠标指针移动到元素上方并按下鼠标按键

$(selector).mousedown(function(){
   ...
});

6. mouseup() 在元素上松开鼠标按钮

$(selector).mouseup(function(){
    ...
});

7. hover() 光标悬停事件

$(selector).hover(
    function(){
        ...
    },
    function(){
        ...
    }
);

8. focus() 元素获得焦点

$(selector).focus(function(){
  ...
});

9. blur() 元素失去焦点

$(selector).blur(function(){
  ...
});

参考资料:https://www.runoob.com/jquery/jquery-tutorial.html