jQuery学习

简介: jQuery学习

通过获取html元素来对元素进行操作

基础语法 $/jQuery(selector).action(); 定义 j Q u e r y 为 j Q u e r y 的标识选择器 ( s e l e c t o r ) 查询和查找 a c t i o n ( ) 执行对文档的操作实例: 定义jQuery 为jQuery的标识 选择器(selector)查询和查找 action()执行对文档的操作 实例:定义jQuery为jQuery的标识选择器(selector)查询和查找action()执行对文档的操作实例:(“p”).hide() 隐藏所有P标签的元素


jQuery对象转换

jQuery无法使用DOM的任何方法,同理DOM也无法使用jQuery的方法

约定:如果获取的是jQuery对象那么要在变量前加上$ 实例:$(“#title”).html() 等于 document.getElementById(“title”).innerhtml

js对象转成jq对象:var me = document.getElement(“title”).innerHtml 转 $(me)

基本选择器:#id id选择器

.class 类xuan’ze’qi


通过获取html元素来对元素进行操作

基础语法 $/jQuery(selector).action(); 定义 j Q u e r y 为 j Q u e r y 的标识选择器 ( s e l e c t o r ) 查询和查找 a c t i o n ( ) 执行对文档的操作实例: 定义jQuery 为jQuery的标识 选择器(selector)查询和查找 action()执行对文档的操作 实例:定义jQuery为jQuery的标识选择器(selector)查询和查找action()执行对文档的操作实例:(“p”).hide() 隐藏所有P标签的元素


jQuery对象转换

jQuery无法使用DOM的任何方法,同理DOM也无法使用jQuery的方法

约定:如果获取的是jQuery对象那么要在变量前加上$ 实例:$(“#title”).html() 等于 document.getElementById(“title”).innerhtml

js对象转成jq对象:var me = document.getElement(“title”).innerHtml 转 $(me)

基本选择器:#id id选择器 $(#id)

.class 类选择器 同上

element 元素标签选择器 $(“元素标签”)


通用选择器 $(" * ")

通过获取html元素来对元素进行操作

基础语法 $/jQuery(selector).action(); 定义 j Q u e r y 为 j Q u e r y 的标识选择器 ( s e l e c t o r ) 查询和查找 a c t i o n ( ) 执行对文档的操作实例: 定义jQuery 为jQuery的标识 选择器(selector)查询和查找 action()执行对文档的操作 实例:定义jQuery为jQuery的标识选择器(selector)查询和查找action()执行对文档的操作实例:(“p”).hide() 隐藏所有P标签的元素


jQuery对象转换

jQuery无法使用DOM的任何方法,同理DOM也无法使用jQuery的方法

约定:如果获取的是jQuery对象那么要在变量前加上$ 实例:$(“#title”).html() 等于 document.getElementById(“title”).innerhtml

js对象转成jq对象:var me = document.getElement(“title”).innerHtml 转 $(me)

基本选择器:#id id选择器 $(#id)

.class 类选择器 同上

element 元素标签选择器 $(“元素标签”)


通用选择器 $(" * ")

多选用逗号分开

层级选择器 E F 后代选择器

E>F 子类选择器

E+F 相邻兄弟选择器

E ~ F 兄弟选择器 匹配出来的不包含本元素,全是同级元素


相关文章
|
5月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
5月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
5月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
5月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
5月前
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
5月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
4月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
34 0
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
18 0
|
4月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
43 0
|
5月前
|
JavaScript
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果