当前位置:首页 > 自学前端 > JavaScript > js教程 jQuery

js教程 jQuery

刘广法2022年04月18日 20:26:51JavaScript4690
js教程 jQuery-第1张图片-刘广法IT博客

JQuery:

就是一个js库。提供了一些非常易用,常用的功能,方便进行高效的js操作。

jquery的操作语法:jq对象.action();

一、jQuery对象与dom对象的区别:

jQuery对象转化成dom对象?

$jq[x] :juqery对象通过下标索引,可以获取对应的dom对象。或者使用 $jq.get(x)。 


如何把dom元素转换成jquery对象呢?

$(dom元素)。 

二、隐式迭代

jquery对象的许多方法,内部会自动进行循环迭代。 

三、链式操作 

原理:很多方法在调用后,仍然返回对象本身。 

四、选择器与筛选 

筛选指的是在选中元素的基础上,进行二次过滤。

五、dom操作与四向遍历 

1、children("selector"); 查询子元素。

2、parent("selector"):选中父元素。 

3、parents("selector"):选中祖先元素。 

4、parentsUntil("selector"):选中祖先元素,直到。。。 

5、closet("selector"):离其最近的祖先元素。 

6、find("selector") :查询后代元素 

7、prev("selector"):紧邻兄元素。 

8、prevAll("selector"):所有兄元素。 

9、siblings:所有的兄弟元素,但不包含自身。

六、事件处理 

1、就绪事件:$(function(){}); 

2、$jq.xxx。添加事件 

3、$jq.on("xxx",事件处理函数); 

4、e.originalEvent:获取原始事件对象。 

5、事件冒泡与事件委托:

七、动画 

八、jquery对象的常用属性和函数:

 1.css函数,可以设置样式。

 2.text();用于设置或获取文本内容。有参数表示设置,无参数表示获取。

 3.val():用于设置或获取表单元素的值,有参数表示设置,无参数表示获取。

 4.length:用于获取选中的元素的个数。 5.html:表示设置或获取元素的html内容。

5.html:表示设置或获取元素的html内容


本文作者:刘广法,转载注明出处。

扫描二维码推送至手机访问。

版权声明:本文由刘广法博客发布,如需转载请注明出处。

本文链接:https://liuguangfa.com/js/176.html

分享给朋友:
返回列表

上一篇:js教程 BOM浏览器对象模型

没有最新的文章了...

“js教程 jQuery” 的相关文章

js教程 js基础知识(变量常量、运算符、循环结构)

js基础知识:一、变量常量在 js 中的类型分为原始类型,和引用类型原始类型:1、number:数字(包括小数和整数,和 Java 不同)2、string:字符串(js 中不分字符串和字符)3、boolean:布尔类型(和 java 相同)4、null:空5、undefined:不确定类型二、运算符...

js教程 数组、函数、面向对象、DOM

js教程 数组、函数、面向对象一:数组:在js中数组可以添加任意位置的任意类型js中常用的函数:.pash();    从尾部压入.pop();    从尾部取出并移除.unshift();  &nb...

js教程 DOM的事件处理

js教程 DOM的事件处理js 和人进行行为交互。一、添加事件有三种方式:1、直接在在标记中,定义onXXXX事件2、给dom元素添加onXXXX 属性,与第一种指定的效果完全相同,第一种、第二种取消事件:dom元素.onXXXX = null。第一种、第二种对一个元素只能添加一个事件。3、推荐使用...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。