JQuery的链式编程与隐式迭代

最新推荐文章于 2021-05-13 18:28:00 发布
最新推荐文章于 2021-05-13 18:28:00 发布
阅读量3.1k 收藏 1
点赞数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('input').click(function () {
                // $('p').text('你们都是P');//通过JQuery的选择器选择出来的DOM元素存入JQuery的DOM数组中，返回的是一个数组集合
                //JQuery的隐式迭代就是JQuery方法遍历内部DOM数组的过程。不用再像JS中循环遍历
                
                $('p').text('你们都是小青蛙').css({ "background-color": "red", "border": "10px double yellow" }).click(function () {
                    alert('呱呱呱呱呱呱');
                    alert($(this).text());
                }); //链式编程，每个方法返回的都是调用者自己，JQuery中几乎都是方法，属性很少，方便实现链式编程
                //每个JQuery对象的方法都是从 Jquery函数的 prototype属性中共享。
            });
        });
    </script>
</head>
<body>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <p>
        aaaaaaaaaaaaaaaaaaaaaa
    </p>
    <input type="button" name="name" value="按钮" />
</body>
</html>
wl_haanel
关注
jQuery 链式编程和显示迭代
weixin_45060872的博客
07-04 306
jQuery 链式编程和end方法链式编程和end方法jQuery中的显示迭代 链式编程和end方法 链式编程 什么时候可以使用链式编程 当jQuery对象调用某个方法 返回值也是一个jQuery对象 那么就可以继续点出jQuery方法 在使用链式编程的时候 一定要注意 返回值的问题 $("div").width(100).width() //不会报错 正常显示 $("div").width(100).width().height(200) //报错 $("div").width(100).height(
jQuery链式编程，each方法，多库共存
流楚丶格念的博客
12-19 4185
文章目录jQuery补充知识点链式编程案例：五角星评分案例（待看）each方法案例：不同的透明度多库共存 jQuery补充知识点 链式编程 通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 jQuery对象。 end(); // 筛选选择器会改变jQuery对象的DOM对象，想要回复到上一次的状态，并且返回匹配元素之前的状态。 案例：五角星评分案例（待看） <!DOCTYPE html> <html lang="en">
jQuery第5天知识点：隐式迭代、链式编程、jQuery插件.7z
07-18
jQuery第5天知识点：隐式迭代、链式编程、jQuery插件.7z
jQuery——链式编程与隐式迭代
weixin_30721899的博客
12-14 289
链式编程 1、原理：return this; 2、通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。 3、end()：结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。 <!DOCTYPE html> <html lang="en"> <head> <meta ...
链式编程和隐式迭代
不明真相的末影人
05-13 146
在jQuery中，可以同时操作多个标签，方法内部会循环迭代 什么是隐式迭代？ 在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用，这就叫做隐式迭代； 链式编程 再jQuery中，设置方法会返回调用该方法的对象；所以再书写代码时，可以在调用方法后再接着调用另外的方法，将本来要写很多行的代码 一行完成，这就是链式编程，也是为了简化我们的操作； ...
浅析链式编程与隐式迭代
胡振涛
03-08 555
其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】 今天又接触了两个新的概念：链式编程和隐式迭代。 链式编程： 首先是链式编程，简答的说：链式编程可以理解为对象不停的调用方法。【例如：对象.方法（）.方法().方法】。也就是说，如果对象调用方法返回值还是当前的这个对象，那么就可以继续调用方法。 <!DOCTYPE html> <htm...
jquery中隐式迭代和链式编程
weixin_34278190的博客
07-04 1607
隐式迭代(通俗的讲也就是偷偷的遍历) 使用场景和特点: 设置操作,给所有的设置相同的值 获取操作，返回第一个 $(‘li’).css(‘width’,200); 所有的li宽度都为200 如果给不同的值设置不同的值，需要自己手动遍历 Each方法:$(‘div’).each(function(index,element){……}); Index 下标 element 遍历的每一项 ...
JQuery编程入门与实战
jQuery具有小巧、使用简便、良好的跨浏览器兼容性、丰富的插件以及链式编程和隐式迭代等优点。在Visual Studio中，jQuery也提供了自动完成功能，方便开发者编写代码。" 在本文档中，jQuery被介绍为一个强大的...
理解JQuery迭代与判断对象存在
3. **隐式迭代**：对于选择的多个元素，jQuery会自动迭代并应用方法。 4. **跨浏览器兼容性**：支持主流浏览器，如IE6.0+、Firefox 2.0+、Safari 3.0+、Opera 9.0+和Chrome。 5. **丰富的插件**：jQuery拥有大量的...
了解链式编程与隐式迭代
weixin_43808903的博客
10-20 116
案例：检测用户名是否是3-6位，密码是否是6-8位，如果不满足要求高亮显示文本框 1.写出写在body中的内容 账号：<input type="text" name="" id="txt"><br><br> 密码：<input type="password" name="" id="pwd"><br><br> <input type="button" name="" id="btn" value="点击登录"> 2.链式编
jQuery链式操作如何实现以及为什么要用链式操作
12-12
两个问题 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？ 大家认为这两个问题哪个好回答一点呢？ 链式操作 原理相信百度一下一大把，实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回回来，对象当然可以继续调用方法啦，所以就可以链式操作了。那么，简单实现一个： 代码如下: //定义一个JS类 function Demo() { } //扩展它的prototype Demo.prototype ={ setName:function (name) { this.name = name; return this; }, getName:function
jQuery链式编程
dianmou7334的博客
03-22 161
链式编程 多行代码合并成一行代码,前提要认清此行代码返回的是不是对象.是对象才能进行链式编程 .html(‘val’).text(‘val’).css()链式编程，隐式迭代 链式编程注意：$(‘div’).html(‘设置值’).val(‘设置值’);这样可以，但是$(‘div’).html().text()这样是不对的，因为获取值时返回的是获取的字符串而不是对象本身所以不能链式编...
jQuery 隐式迭代和链式调用
Allenyhy的博客
09-30 1959
jQuery 隐式迭代和链式调用 学过 jQuery 之后，一般是不太有人再愿意写原生 JS 的，甚至有段时间 jQuery 成了 JS 的代名词。原因无他，足够简单方便。可在这简单方便的背后，可少不了两大功臣：隐式迭代和链式调用。 隐式迭代 对于原生 JS 来说，一般我们设置某类元素的样式，都得使用循环设置，而 jQuery 在使用的时候则无需考虑这点，简单示例如下： // 设置 .p...
jQuery链式编程的实现原理
qq_43294510的博客
03-14 5430
链式编程的实现原理 jQuery可以让我们开发者一直使用点语法调用自身方法的原理，主要原因是jQuery内部利用了js的对象来实现。 在jQuery中，如果一直对同一个元素或元素的其他关系元素（兄弟元素，父子元素）进行操作，那么可以使用 .语法(点语法)，一直写下去。 $(&quot;#box&quot;).css(&quot;background&quot;, &quot;pink&quot;).css(&quot;font-size&quo
链式编程，隐式迭代
darrk1234的博客
12-20 244
链式编程原理：return this 但有时候获取操作的时候，会返回获取到相应的值，无法返回this 比如链式的多了，就不知道返回谁，如果像返回之前this 就用 end() $(".comment li").on("mouseente",function(){ $(this).text(wjx_sel).prevAll().text(...
jquery隐式迭代
code weaver的专栏
11-03 870
Document /*隐式迭代，如果btn1写成btnL的话，浏览器不会报错。友好界面，不方便开发*/ // $(function(){ // $("#btnl").mouseover(function(){ // alert("哈哈"); // }); // }); $(function(){ var selector=$("#btn1"); if(sele
jQuery 链式编程/隐式迭代/each方法/多库共存
carriehaohao的博客
03-04 1794
1.链式编程 // 链式编程代码示例 $(“li”).parent(“ul”).parent().siblings(“div”).children(“div”).html(“内容”); 链式编程原理：return this; 通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this end(); //结束当前链最近的一次
JQuery链式编程
qq_37349712的博客
07-18 314
优点： 一句话：可以省去很多重复的代码 举个简单的栗子: //JS中： var per = new Object(); per.name="TomCat"; per.age=18; //优化后的写法 var per={ "name":"TomCat", "age":18 } //而在链式编程中就可以这么写这样： per.name("TomCat").age(18)...
Jquery链式编程
前端开发-陈善强
12-09 362
// 链式编程是为了节省代码量，看起来更优雅。 $(this).css('color', 'red').sibling().css('color', ''); $(this).css();// 返回的是调用者 $(this).slibilng();// 返回我的兄弟姐们 //jq的操作方法： css(),hide(),show()，事件等等，会将调用者返回 //jq的筛选方法，会将筛选完的对象返...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值