-
- 喵小姐_0 2018-08-20
jQuery的两大优点：支持连缀，隐式迭代
- 0赞 · 1采集
-
- 半世烟云落 2018-04-15
$("<img>").attr("src","0.jpg");
//attr用于获取属性，后接一个参数时为获取属性值，接两个参数时为设置属性值
- 0赞 · 0采集
-
- qq_击石原有火_03828381 2018-04-07
Jquery 优点连缀
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-20
- jquery 5:
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-20
- jquery4:
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-20
- jquery3:
-
截图0赞 · 0采集
-
- 慕瓜5189485 2017-11-10
- var dataInt = { 'data': [{ 'src': '1.jpg' }, { 'src': '2.jpg' }, { 'src': '3.jpg' }, { 'src': '4.jpg' }] }; window.onscroll = function() { if(checkscrollside()) { $.each(dataInt.data, function(index, value) { var oBox = $('<div>').addClass('box').appendTo($("#main")); var oPin = $('<div>').addClass('pin').appendTo($(oBox)); $('<img>').attr('src', './images/' + $(value).attr('src')).appendTo($(oPin)); }); waterfall(); }; function checkscrollside() { var $aPin = $("#main>div").last(); var lastPinH = $aPin.offset().top + Math.floor($aPin.outerHeight() / 2); //创建【触发添加块框函数waterfall()】的高度：最后一个块框的距离网页顶部+自身高的一半(实现未滚到底就开始加载) var scrollTop = $(window).scrollTop() //注意解决兼容性 var documentH = $(document).width(); //页面高度 return(lastPinH < scrollTop + documentH) ? true : false; //到达指定高度后 返回true，触发waterfall()函数 }
- 0赞 · 0采集
-
- 超级无敌可爱的美少女 2017-09-22
- jquery添加图片
-
截图0赞 · 0采集
-
- 白小九 2017-07-30
- JQ版动态加载图片： $(window).on("scroll", function(){ if(checkScrollSlide){ $.each(json.images, function(key, val){ var box = $("<div>").addClass("box").appendTo($("#main")), pic = $("<div>").addClass("pic").appendTo(box); // 注意把JS原生对象val转换为JQ对象 $("<img>").attr("src", "images/"+$(val).attr("src")).appendTo(pic); }); waterfall(); } });
-
截图0赞 · 0采集
-
- 白小九 2017-07-30
- JQ版检查是否满足了触发waterfall的条件： function checkScrollSlide(){ var parent = $("#main"), boxs = parent.find(".box"), lastBox = boxs.last(), lastBoxH = lastBox.offset().top + Math.floor(lastBox.outerHeight() / 2), // 最后一个数据块露出一半高度 sTop = $(window).scrollTop(), // 获取被卷去的高度 winH = $(window).height(); // 获取视窗高度 return (lastBoxH < sTop + winH); }
-
截图0赞 · 0采集
-
- yaya_ling 2017-07-11
- jQuery的两大优点：支持连缀，隐式迭代
-
截图0赞 · 0采集
-
- 冷卅 2017-06-15
- outerheight包含填充
- 0赞 · 0采集
-
- Wendy_22 2017-04-16
- jquery的两大优点：支持连缀，隐式迭代
-
截图0赞 · 0采集
-
- wshyzx 2017-03-15
- 直接value.src就好
-
截图0赞 · 0采集
-
- 慕粉18221508921 2017-02-22
- jquery的each方法有2种情况 对应的参数是 1.遍历数组 .each(function(index,value){}) //参数是数组下标 以及下标对应的值 2.遍历json对象 如这一节的 .each(dataInt.data,function(key,value){}) //参数是2个,第一个为Json数据需要遍历的属性 这里是data 即dataInt.data 第二个参数是函数 函数里的2个参数分别是每个键值对的下标（若是0） 以及该下标对应的值 (值是{'src':''0.jpg})
- 0赞 · 0采集
-
- redli_0 2017-02-14
- jquery支持连缀，隐性迭代
- 0赞 · 0采集
-
- 空之境界丶 2016-11-14
- jQuery的：对象本质、支持连缀、隐式迭代 Jquery对象本质“可以看成”是一个包含一个 dom数组和所有Jquery方法的容器（补充：方法在所有jq对象共享的jq原型属性prototype中，Jquery对象本质是一个“类数组”）。所以一个dom节点元素或者js对象,如果不转换成Jquery对象,就不会包含Jquery方法,就无法使用jq的方法. 每当我们调用选择器方法获取dom树里的元素时，其实就是把找到的dom元素存入一个JQ对象里的dom数组中，然后再把这个JQ对象返回。 当我们调用Jquery方法时（如 html()），jq方法会遍历内部 dom数组，并调用每个dom元素的对应的dom属性或方法（如innerHTML），完成操作。 其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】。 【隐式迭代】 $(".A").addClass("B"); 像这样的就是隐式迭代 因为$(".A")选到的元素不一定只有一个 比如$(".A")选中10个元素 这10个元素都会加上"B"这个class 在jq中，所有的方法都被设计成自动操作对象集合，而不是单一的一个对象. 貌似除了ID选择器其它都是隐式迭代的(ID选择器只是将数组大小设置成为1而已,所以$("#A") 就算有多个id="A" 也只能得到第1个) ①scroll事件 $(window).on('scroll',function(){}); ②获取结果集中最后一个元素$('#main>div').last(); ③获取距离页面顶部的距离$lastBox.offset().top; js:offsetTop ④$(window).scrollTop();滚动条滚动的距离 ⑤$(window).height();浏览器可视窗口的高度 ⑥创建元素$('<div>'); ⑦插入元素append和appendTo
- 1赞 · 0采集
-
- 慕工程2957023 2016-10-19
- jQuery的两大优点：支持连缀，隐式迭代， 连缀：$("#main").width(ow*cols).css('margin','0 auto')； 这里的width和css两个方法都作用于$("#main")这个对象
- 0赞 · 0采集
-
- qweqwe13123123 2016-09-19
- 1.jq的一大特点
-
截图0赞 · 1采集
-
- wbp3164295 2016-08-16
- jquery实现代码
-
截图0赞 · 1采集
-
- wbp3164295 2016-08-16
- jquery创建一个对象只需要写成$('<div>')
-
截图0赞 · 1采集
-
- wbp3164295 2016-08-16
- value对应的是{“src”:'0.jpg'},{“src”:'1.jpg'}... key对应的是0，1，2....
-
截图0赞 · 0采集
-
- 爱吃竹的熊猫 2016-07-24
- value
-
截图0赞 · 0采集
-
- 爱吃竹的熊猫 2016-07-24
- 支持连缀 隐式迭代
-
截图0赞 · 0采集
-
- 黄枪枪 2016-06-24
- jQuery的：对象本质、支持连缀、隐式迭代 Jquery对象本质“可以看成”是一个包含一个 dom数组和所有Jquery方法的容器（补充：方法在所有jq对象共享的jq原型属性prototype中，Jquery对象本质是一个“类数组”）。所以一个dom节点元素或者js对象,如果不转换成Jquery对象,就不会包含Jquery方法,就无法使用jq的方法. 每当我们调用选择器方法获取dom树里的元素时，其实就是把找到的dom元素存入一个JQ对象里的dom数组中，然后再把这个JQ对象返回。 当我们调用Jquery方法时（如 html()），jq方法会遍历内部 dom数组，并调用每个dom元素的对应的dom属性或方法（如innerHTML），完成操作。 其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】。 【隐式迭代】 $(".A").addClass("B"); 像这样的就是隐式迭代 因为$(".A")选到的元素不一定只有一个 比如$(".A")选中10个元素 这10个元素都会加上"B"这个class 在jq中，所有的方法都被设计成自动操作对象集合，而不是单一的一个对象. 貌似除了ID选择器其它都是隐式迭代的(ID选择器只是将数组大小设置成为1而已,所以$("#A") 就算有多个id="A" 也只能得到第1个) ①scroll事件 $(window).on('scroll',function(){}); ②获取结果集中最后一个元素$('#main>div').last(); ③获取距离页面顶部的距离$lastBox.offset().top; js:offsetTop ④$(window).scrollTop();滚动条滚动的距离 ⑤$(window).height();浏览器可视窗口的高度 ⑥创建元素$('<div>'); ⑦插入元素append和appendTo
-
截图0赞 · 0采集
-
- resharpe 2016-06-23
- jQuery两大优点：支持连缀，隐式迭代
-
截图0赞 · 0采集
-
- weibo_幸福长大了_0 2016-06-23
- jQuery的两大优点：支持连缀，隐式迭代
-
截图0赞 · 0采集
-
- P妞酱酱 2016-06-07
- 55555555555555
-
截图0赞 · 0采集
-
- P妞酱酱 2016-06-07
- eeeeeeeeeeeeee
-
截图0赞 · 0采集
-
- P妞酱酱 2016-06-07
- 33333333333333333
-
截图0赞 · 0采集
数据加载中...