jQuery总结(第二篇)

可以理解为匹配或者选择

选中(val属性):

$(":radio,:checkbox,#multiple").val(["checkbox1","radio2","mul1"]);

其中标签名顺序与选中顺序不需要一一对应;

attr:(推荐使用)

未选择时返回undefined,选中时返回标签name

不推荐操作 checked、readOnly、selected、disabled 等等;attr 方法还可以操作非标准的属性。比如自定义属性:abc,bbj

prop:(常见于checked全选事件)

未选择时选择false,选中时返回true (一般使用attr标签不推荐的)

只推荐操作 checked、readOnly、selected、disabled 等等

$("#checkedAllBox").prop("checked",true);

each遍历function函数

有一个this对象,这个this对象是当前正在遍历到的dom对象

在事件的function函数中,有一个this对象,这个this对象是当前正在响应事件的dom对象

appendTo() a.appendTo(b)

把 a 插入到 b 子元素末尾,成为最后一个子元素

prependTo() a.prependTo(b)

把 a 插到 b 所有子元素前面,成为第一个子元素

eq()方法

button:eq(0) 选中button标签中索引值为0的元素

return false;可以阻止元素的默认行为

confirm 确认提示框函数,:

是JavaScript语言提供的一个确认提示框函数,你给它什么,它就提示什么 当用户点击了确定,就返回了true,当用户点击了取消,就返回false

事件响应的function函数中,有一个this对象是当前正在响应事件的dom对象

jQuery动画

基本动画

show() 将隐藏的元素显示

hide() 将可见的元素隐藏。

toggle() 可见就隐藏,不可见就显示。

淡入淡出动画

fadeIn() 淡入(慢慢可见)

fadeOut() 淡出(慢慢消失)

fadeTo() 在指定时长内慢慢的将透明度修改到指定的值。0 透明,1 完成可见,0.5 半透明

fadeToggle() 淡入/淡出 切换

注意:

以上动画方法都可以添加参数。

1、第一个参数是动画 执行的时长,以毫秒为单位

2、第二个参数是动画的回调函数 (动画完成后自动调用的函数)

$( function(){} ); 和**window.onload = function(){}** 的区别?

他们触发的顺序?

1、jQuery 页面加载完成之后先执行

2、原生 js 的页面加载完成之后

他们分别是在什么时候触发?

1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。

2、原生 js 的页面加载完成之后,除了要等浏览器内核解析完标签创建好 DOM 对象,还要等标签显示时需要的内容加载 完成

$(document).ready(function (){});

简写为:

$(function (){});

他们执行的次数?

1、原生 js 的页面加载完成之后,只会执行最后一次的赋值函数。

2、jQuery 的页面加载完成之后是全部把注册的 function 函数,依次顺序全部执行。

处理事件

click()

它可以绑定单击事件,以及触发单击事件

mouseover()

鼠标移入事件

mouseout()

鼠标移出事件

bind()

可以给元素一次性绑定一个或多个事件。

one()

使用上跟 bind 一样。但是 one 方法绑定的事件只会响应一次。

unbind()

跟 bind 方法相反的操作,解除事件的绑定

live()

也是用来绑定事件。它可以用来绑定选择器匹配的所有元素的事件。哪怕这个元素是后面动态创建出 来的也有效

猜你喜欢

转载自blog.csdn.net/m0_62068678/article/details/123945120
今日推荐