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

转角羊儿2024-09-20 22:00

文章目录

[jQuery 简介④](#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本身，因此可用于链式编程。