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 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
8月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
67 0
|
9月前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
9月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
99 0
|
9月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
49 0
|
9月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
121 0
|
JavaScript
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格
|
JavaScript 容器
【jQuery学习】—jQuery操作元素位置
【jQuery学习】—jQuery操作元素位置