JQuery随笔

时间:2022-09-19 08:07:29

web请求中,外部样式文件的加载不影响页面,js的加载会影响页面的加载速度

window.onlond 页面所有元素加载完后执行包含js,css等加载完毕

$(function(){}) 页面中DOM树加载完成后就执行 ===$(document).ready(function(){})

jquery中的this是某个DOM元素

选择器

$("input[type='checkbox']:checked").val() 选中的值

$(document).ready() 函数用于在文档结束加载之前阻止代码运行

noConflict() 方法用于处理命名冲突  会释放对$ 标识符的控制,这样其他脚本就可以使用它了 (其中某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行。)

$("div#intro .head") 选取id为intro的div下class=head的所有元素

index() 方法返回指定元素相对于其他指定元素的 index 位置。

$("li").click(function(){
alert($(this).index());
});

DOM事件

1、dom0级事件特点:

1.1、相同dom元素的相同事件属性 只能 注册一个方法,如果注册多个,则会被后面的覆盖

1.2、使用的是事件冒泡:由内往外

document.getElementById("divFather").onclick=function(){
alert("divFather");
}

2、dom 2级事件特点:

2.1、注册的方式 不一样 注册事件方法时 可以选择 捕获阶段事件(true),也可以选择 冒泡阶段事件(false)

2.1.1、使用的是事件冒泡:由内往外

document.getElementById("div1").addEventListener("click",function(){alert("div1")},false)
document.getElementById("div2").addEventListener("click",function(){alert("div2")},false)

JQuery随笔

链式编程的三种情况

1、不返回Jquery对象的方法:val(),html(),text(),attr()返回文本字符串

2、返回新的Jquery对象的方法:next(),nextAll(),parent(),children(),prev()...

3、剩下基本都是返回当前Jquery对象