博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery的一些笔记
阅读量:4975 次
发布时间:2019-06-12

本文共 1062 字,大约阅读时间需要 3 分钟。

1.区别jQuery对象和DOM对象。

var text1=document.getElementByTagName("div")

var $text2=$("div")

虽然获取的html元素相同,但在js中这是两种对象。它们对应不同的方法,第一个是DOM对象就不能使用jQuery提供的方法,而第二个就可以使用jQuery的方法。

jQuery对象是一个合集,相当于可以批量操作。text1也是一个对象的合集,但它是数组变量,无法批量同时操作,如果要添加事件,必须使用for循环逐个添加,但jQuery则可以$("div").click(function(){}),这个语句可以为一批div元素同时添加点击事件。

 

2.$("div,p")这是群组选择器;$("div",this)这是在this范围中查找div。

 

3.jQuery中创建节点有一些类似innerHTML属性。

$node=$("<li><a>12345</a></li>")//嵌套多少标签都可以

$("div").append($node)//添加新创建的对象,对于append()方法,里面的参数可以是创建的jQuery对象,也可以直接是html字符串,还可以是DOM对象。

类似于div.innerHTML+=<li><a>12345</a></li>

在具备着简洁嵌套的优点的同时,它又具有DOM的优点,可以插入到任意的位置,有append,prepend,insertBefore,insertAfter

 

4.jQuery的对象在调用方法后会返回原对象,这使得一个对象可以链式连续调用方法。如:$("div").append($node1).append($node2)

 

5.jQuery封装的动画方法中,没有定义预先清除累积动画。所以有需要时需要自己写$().stop再写动画,或需要用$().is(":animated")判断动画状态,没有动画时添加。

 

6.查找方法本质上也是选择器,它可以补充更多选择方式。

 

7.$().hover(fn1,fn2) 唯一一个可以同时设置两个不同类型事件(鼠标移入和鼠标移出)的事件。

 

8.jQuery的$()函数,传入选择器表达式时返回已有的符合条件的jQuery对象;传入Html字符串时新建DOM对象并包装成jQuery对象后返回;传入DOM对象时原样封装成jQuery对象后返回,如$(this)

转载于:https://www.cnblogs.com/natsu07/p/5983015.html

你可能感兴趣的文章
PHPCMS V9{loop subcat(0,0,0,$siteid) $r}怎么解释?
查看>>
【ASP.NET】从服务器端注册客户端脚本
查看>>
Infix to Postfix Expression
查看>>
SELECT LOCK IN SHARE MODE and FOR UPDATE
查看>>
Perl/Nagios – Can’t locate utils.pm in @INC
查看>>
目录导航「深入浅出ASP.NET Core系列」
查看>>
Javascript 有用参考函数
查看>>
点群的判别(三)
查看>>
GNSS 使用DFT算法 能量损耗仿真
查看>>
【转】Simulink模型架构指导
查看>>
MYSQL数据库的导出的几种方法
查看>>
SQL Server-5种常见的约束
查看>>
硬件之美
查看>>
[转载]java开发中的23种设计模式
查看>>
表格的拖拽功能
查看>>
函数的形参和实参
查看>>
【TP SRM 703 div2 500】 GCDGraph
查看>>
webdriver api
查看>>
apache 实现图标缓存客户端
查看>>
揭秘:黑客必备的Kali Linux是什么,有哪些弊端?
查看>>