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本身,因此可用于链式编程。

相关推荐
携欢12 小时前
PortSwigger靶场之DOM XSS in jQuery selector sink using a hashchange event通关秘籍
前端·jquery·xss
长城20246 天前
jQuery的$.Ajax方法分析
ajax·jquery·异步提交
♡喜欢做梦14 天前
jQuery 从入门到实践:基础语法、事件与元素操作全解析
前端·javascript·jquery
盛夏绽放18 天前
jQuery 知识点复习总览
前端·javascript·jquery
艾小码1 个月前
告别jQuery:2025年原生DOM操作最佳实践
前端·javascript·jquery
合作小小程序员小小店1 个月前
web网站开发,在线%射击比赛成绩管理%系统开发demo,基于html,css,jquery,python,django,model,orm,mysql数据库
python·mysql·django·jquery·html5
合作小小程序员小小店1 个月前
web安全开发,在线%射击比赛管理%系统开发demo,基于html,css,jquery,python,django,三层mysql数据库
css·mysql·django·html·jquery
Sy_planA1 个月前
介绍一下jQuery的AJAX异步请求
ajax·okhttp·jquery
鲸落落丶1 个月前
前端三大核心要素以及前后端通讯
javascript·css·html·jquery
典学长编程1 个月前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第五天(jQuery函数库)
javascript·css·ajax·html·jquery