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 兄弟选择器 匹配出来的不包含本元素,全是同级元素


相关文章
|
11月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
11月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
11月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
11月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
11月前
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
11月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
5月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
42 0
|
6月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
6月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
76 0