jQuery随笔记录
程序员文章站
2022-08-08 15:10:33
DOM遍历 parent()方法返回所选元素的直接父元素。(parent() 只能遍历单个级别的 DOM树) parents()方法获取所选元素的所有祖先 children()所选元素的所有直接子元素 siblings()所有兄弟元素 next()/nextAll()下一个兄弟元素/下面所有兄弟元素 ......
dom遍历
- parent()方法返回所选元素的直接父元素。(parent() 只能遍历单个级别的 dom树)
- parents()方法获取所选元素的所有祖先
- children()所选元素的所有直接子元素
- siblings()所有兄弟元素
- next()/nextall()下一个兄弟元素/下面所有兄弟元素
- prev()/prevall()上一个兄弟元素/上面所有的兄弟元素1
-
eq()具有特定索引号的元素
(例如,如果页面包含多个div元素,并且我们要选择第三个元素:)
$("div").eq(2);删除元素
- remove删除选中元素
-
empty()方法用于删除所选元素的子元素。
事件处理
当触发事件时执行的函数称为事件处理程序。鼠标事件:
- click:单击时发生。
- dblclick:双击元素时触发。
- mouseenter:当鼠标指针进入所选元素时触发。
- mouseleave:鼠标指针离开所选元素时触发。
-
mouseover:当鼠标指针在所选元素上方悬停时触发。
键盘事件:
- keydown:当按下键盘按键时会触发。
-
keyup:当键盘按键被释放时会触发。
表单事件:
- submit:提交表单时触发。
- change:当表单元素的值发生改变时触发。
- focus:当表单元素获得焦点时触发。
-
blur:当表单元素失去焦点时触发。
文件事件:
- ready:当dom加载完成以后触发。
- resize:当浏览器窗口大小改变时触发。
-
scroll:当用户在指定的元素中滚动滚动条时触发。
on()方法绑定事件
on()方法用于将相同的处理函数绑定到多个事件中的时候。可以使用空格分隔多个事件名称, 例如 可以为点击和双击事件使用相同的事件处理程序。$("p").on( "click dblclick", function() { alert("clicked"); });
off()解除事件绑定
使用off()方法来删除事件处理程序。$(“div”).on(“click”, function() { alert(‘hi there!’); }); $(“div”).off(“click”);
jquery的事件对象
每个事件处理函数都可以接收一个事件对象,其中包含与该事件相关的属性和方法: - pagex,pagey 事件发生时相对于页面左上角的鼠标位置(x和y坐标)。
- type 键入事件的类型(例如“点击”)。
- which 哪个按钮或键被按下。
- data 数据绑定事件时传入的任何数据。
- target 定位发起事件的dom元素。
- preventdefault() 阻止事件的默认动作(例如,在链接之后)。
-
stoppropagation() 停止冒泡到其他元素的事件。
例如: 点击时提醒鼠标位置,并阻止打开链接:$(“a”).click(function(event) { alert(event.pagex); event.preventdefault(); });
jquery触发事件
使用trigger()方法以编程方式触发事件。 例如,你可以触发一个点击事件,而不需要用户实际点击一个元素:$(“div”).click(function() { alert(“点击了div!”); }); $(“div”).trigger(“click”);
trigger()方法不能用来模仿本机浏览器事件,比如点击一个文件文本框。 只能处理jquery事件系统中的事件。
上一篇: C#中关于值类型和引用类型的区别
下一篇: 浅谈:分布式事务