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的链式编程风格
$("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本身，因此可用于链式编程。
原文地址：https://blog.csdn.net/qq_41988669/article/details/142362256
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！