介绍 jquery是什么 链式调用
console.log ($ () . css (“background-color",,“pink") . HTML (“hello")); 一个小案例
& lt; style>
*,{才能
,,,,,,保证金:,0;
,,,,,,填充:,0;
,,,,}
.box {才能
,,,,,,宽度:,400 px;
,,,,,,身高:,60 px;
,,,,,,边界:,1 px solid # 000;
,,,,,,margin-top:, 2 px;
,,,,,}
.box 才能;p, .box h3 {
,,,,,,:浮动,离开;
,,,,,,宽度:,60 px;
,,,,,,身高:,60 px;
,,,,,,margin-right:, 20 px;
,,,,,,背景颜色:,rgb (164,, 247,, 233);
,,,}
& lt;/style>
& lt; ! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -→
& lt; body>
& lt;才能div 类=癰ox"比;
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; h3> h3
& lt;才能/div>
& lt;才能div 类=癰ox"比;
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; h3> h3
& lt;才能/div>
& lt;才能div 类=癰ox"比;
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; p> & lt;/p>
,,,& lt; h3> h3
& lt;才能/div>
& lt;才能div 类=癰ox"比;
,,,,& lt; p> & lt;/p>
,,,,& lt; p> & lt;/p>
,,,,& lt; p> & lt;/p>
,,,,& lt; p> & lt;/p>
,,,,& lt; h3> h3
& lt;才能/div>
& lt;才能script https://www.yisu.com/zixun/src=" . ./金桥/jquery-1.12.4.min.js ">
<>脚本
var $ p=$ (“p”);
var盒=$美元(“.box”)
$ p。点击(函数(){//链式调用实现
(美元). css(“背景颜色”,“粉红色”)//自己变粉色
.siblings () . css(“背景颜色”,“黄色”)//自己的兄弟变黄色
.parent () . css(“背景颜色”,“天蓝色”)//并且自己的父级变蓝色.siblings () . css(“背景颜色”,“lightgreen”)//父级的兄弟跟着变成浅绿色
定格(). css(“背景颜色”,“橙色”)//父级的兄弟的自己变橘色
})
这篇文章主要介绍了例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。
链式调用
jquery对象调用任何方法(除了节点关系方法)执行完后,方法都会有一个返回值,返回值就是jquery对象自己,这个现象给我们提供了便利,可以对执行结果继续打点调用jquery的方法和属性。即——可以使用jquery对象进行连续打点调用
jquery对象调用除了节点关系的方法之外,其他的方法执行后,返回值就是对象自己,可以继续链式调用其他的jquery对象的方法和属性。这样可以达到简化代码书写
一个小案例
?点击一个元素,使它自己变粉色,兄弟变黄色,其父级变蓝色,父级的兄弟变色,父级的兄弟的自己变橘色
感谢你能够认真阅读完这篇文章,希望小编分享的“例分析”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
