jQuery 简介④ 参数规则与链式编程风格

文章目录

jQuery 简介④

七、参数规则:

css selector:CSS选择器

jquery unique selector:jquery特有的选择器

eg:$('.wrapper ul li:eq(-1)')

$('li[data^='Duyi']')
$('li[data$='Duyi']')
Null/Undefined:

Dom:原生dom对象

(function(){}) (document).ready()

两参数css selector和context执行期上下文

eg:$('ul', 'wrapper');

jQuery 选择器: http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

八、链式编程风格

// jQuery的链式编程风格

js 复制代码
$("div").find("ul").addClass("menu").children().css("margin", 0).hide(); // 以下是上述代码的分解描述 

$("div") // 返回一个匹配所有div元素的jQuery对象 .

find("ul") // 返回匹配这些div元素中的所有后代ul元素的jQuery对象 

.addClass("menu") // 为这些ul元素添加CSS类名"menu",并返回当前对象本身 

.children() // 返回匹配这些ul元素中的所有子代元素的jQuery对象 

.css("margin", 0) // 为这些子代元素设置css样式"margin: 0",并返回当前对象本身 

.hide(); // 隐藏这些子代元素,并返回当前对象本身

这种链式编程风格的实现机制,就是jQuery对象的所有实例方法,在没有特殊的返回需求的情况下,一般都会返回该jQuery对象本身(或者其它jQuery对象),因此我们可以继续调用返回的jQuery对象上的方法。

$("#uid").val()、 $("div").attr("id")等方法在没有传入值参数时,它们将返回指定DOM元素的特定属性值,它们有特定的返回需求,因此无法进行链式编程。如果是$("#uid").val("CodePlayer")、$("div").attr("id", "myId")等情况,此时它们不需要返回特定的值,将返回当前jQuery本身,因此可用于链式编程。

相关推荐
旷世奇才李先生1 天前
jQuery EasyUI 安装使用教程
前端·jquery·easyui
保持学习ing12 天前
SpringBoot电脑商城项目--创建订单+统计业务方法耗时
java·spring boot·spring·springmvc·jquery
保持学习ing13 天前
SpringBoot电脑商城项目--显示勾选+确认订单页收货地址
java·前端·spring boot·后端·交互·jquery
SuperherRo13 天前
Web攻防-XSS跨站&浏览器UXSS&突变MXSS&Vue&React&Electron框架&JQuery库&写法和版本
vue.js·electron·jquery·react·xss·mxss·uxss
未来之窗软件服务15 天前
jquery 赋值时不触发change事件解决——仙盟创梦IDE
前端·javascript·jquery·仙盟创梦ide·东方仙盟
保持学习ing15 天前
SpringBoot电脑商城项目--新增收获地址
java·spring boot·后端·jquery·全栈
yt9483217 天前
jquery和CSS3圆形倒计时特效
前端·css3·jquery
旅行的橘子汽水19 天前
【FreeRTOS-信号量】
前端·javascript·jquery
Hilaku22 天前
为什么我不再追流行,而是重新研究了 jQuery
前端·javascript·jquery
QQ_hoverer1 个月前
前端使用 preview 插件预览docx文件
前端·javascript·layui·jquery