jQuery 相关特性
2022/1/27 6:06:09
本文主要是介绍jQuery 相关特性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
@
目录- 1. 隐式迭代
- 2. jQuery的链式操作
- 3. jQuery 排他思想
1. 隐式迭代
案例
<div>123456<div> <div>123456<div> <div>123456<div> <div>123456<div> <script> //css('style','value'); 该方法为jQuery内部封装好的方法,用于设置样式 $('div').css('color', 'red'); </script>
通过上述案例发现4个div内的文字颜色都变红色,css()
具体执行步骤为:1、遍历jQuery对象内部所有的元素对象。2、给每一个元素对象添加css这个方法
遍历内部 DOM 元素(伪数组形式存储)的过程就叫做隐式迭代:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。
2. jQuery的链式操作
链式编程是为了节省代码量,看起来更优雅。
//链式写法: $(this).css('color', 'red').sibling().css('color', ''); /*分两步: 1. $(this).css('color','red') 2. $(this).sibling().css('color','') */
3. jQuery 排他思想
实现多选一的效果, 排他思想: 当前元素设置样式,其余的兄弟元素清除样式
//当前元素对象设置样式 $(this).css('color','red'); //清除当前元素的兄弟元素对象样式 $(this).siblings().css('color',''); //可简写成如下的链式写法 $(this).css('color','red').siblings().css('color','');
这篇关于jQuery 相关特性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-06jquery对css样式(jquery中的css方法)-icode9专业技术文章分享
- 2023-05-27JQuery的认识和安装
- 2023-01-06JQuery应用技巧:如何定义 HTML 模板并使用 JQuery 进行加载-icode9专业技术文章分享
- 2022-09-29复习-jQuery
- 2022-09-04Python3项目初始化10-->前端基础jquery、ajax,sweetalert--更新用户改造
- 2022-08-30day 27 jquery
- 2022-08-29jQuery筛选器,bootstrap
- 2022-08-20JQuery事件绑定
- 2022-08-20JQuery案例
- 2022-08-07关于jQuery的学习