jQuery中的所有选择器都是以美元符号开头:$()
元素选择器
jQuery元素选择器基于元素名选取元素。
$("p")
在页面中选取所有<p>元素
id选择器
jQuery #i选择器通过HTML元素的id属性选取指定的元素。
$(" #test ")
class选择器
jQuery类选择器可以通过指定的class查找元素
$(" .test ")
---------------------------------------------------------
事件处理
jQuery事件方法语法
在jQuery中,大多数DOM事件都有一个等效的jQuery方法。
在页面指定一个事件:
$("p").click();
下一步是定义什么时间触发事件,可以通过一个事件函数实现:
$("p").click(function(){
//动作触发后执行的代码!
});
常用的jQuery事件方法
$(document).ready()方法允许在文档完全加载完后执行函数。
click()方法时当按钮点击事件被触发时会调用一个函数。该函数在用户点击HTML元素是执行。
实例:当点击事件在某个<p>元素上触发时,隐藏当前<p>元素.
$("p").click(function(){
$(this).hide();
});
dblclick()方法 当双击元素时dblclick触发事件。
实例:
$("#p1").ablclick(function(){
$(this).hide();
});
mouseenter()方法,当鼠标指针穿过元素时触发mouseenter事件。
实例:
$("#p1").mouseenter(function(){
alert("鼠标 穿过");
});
mouseleave()方法,当鼠标指针离开元素时触发mouseleave事件。
实例:
$("#p1").mouseenter(function(){
alert("鼠标离开");
});
mousedown()方法,当鼠标指针移动到元素上方并按下鼠标按键时触发mousedown事件。
实例:
$("#p1").mousedown(function(){
alert("鼠标移动到上方并按下按键");
});