jQuery的基础知识

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("鼠标移动到上方并按下按键");

});

猜你喜欢

转载自www.cnblogs.com/swh0672/p/8910777.html