慕课网

jQuery基础(二)—DOM篇

最热最新

番茄酱_

M..

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-09-08
锦色流年

close()对象返回一个或者0 个对象是指： $(selector) .closest(selector)筛选的每一个选定的jQuery对象其closest()对象结果只有一个，当 $(selector) 筛选结果为多个时，其结果集合的每个jQuery对象closest返回1个或0个，则总体就是多个了；为什么参数是一个 jQuery对象多此一举吗? 参数里面写要找到的 jQuery对象这个对象都已经获取到了还去查找? 别的地方可能会调用到的 $('li.item-1').closest($('.item-b'))与$('li.item-1').closest('.item-b')这两者写法有什么不同呢？前一个是jquery对象，后一个是选择器 class=".level-2"的ul元素这样写：ul.level-2 这种写法前面有学到吗？对于类选择器的语法中，就是可以结合元素选择器使用。 ul.level-2 就是匹配类名包含level-2的所有ul标签。（注意区别ul .level-2，这个中间有空格，表示的是ul标签后代中类名为level-2的元素）课程前面学选择器的时候好像没有学到这个，不过w3cschool里有指出。事件元素的括号里面的参数什么时候要加双引号 closest() wrap() unwrap() replaceWith() 这些事件元素的括号里面的参数什么时候要加双引号例如：closest（item）不写成closest（‘item’）参数是变量的时候不需要加引号非变量（字符串表达式）时加引号单引号和双引号也没太大区别，但在拼接HTML字符串的时候，用单引号就方便很多了，因为HTML的属性值都是用双引号括起来的，最外面用单引号，可以确保输出的字符串更符合标准。简单说就是单引号里嵌套双引号

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-03-22
锦色流年

.parents()，返回的是所有祖辈元素，从最近的父级元素开始，一路向上直到根元素<html>（这是jQuery方法本身就这么定的，详细你可以去看它的源码），所以搜索到html就完了，不会再有html的祖辈（父）元素，所以$( "html" ).parents() 返回一个空集合。而.parent()则没有这样的要求，它只是在DOM树上搜索其父级元素，所以对html，搜索到其父级元素是document，所以$( "html" ).parent()方法返回一个包含document的集合。 .left div 包含（后代）选择器选中使用.left类里的div元素 alert( $( "html" ).parent()); alert( $( "html" ).parents()); alert( $( "html" ).parent().text()); alert( $( "html" ).parents().text());

查看全部

0 采集收起来源：jQuery遍历之parents()方法
2018-03-22
halu7777

.each() 方法就是一个for循环的迭代器，它会迭代jQuery对象合集中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数 each通过回调的方式处理，并且会有2个固定的实参，索引与元素

查看全部

0 采集收起来源：jQuery遍历之each()
2017-09-08
halu7777

.add()的参数可以几乎接受任何的$()，包括一个jQuery选择器表达式，DOM元素，或HTML片段引用。

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-09-08
锦色流年

选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。 .fin() 是不是完全等效于后代选择器？ $(expr, context)等价于$(context).find(expr)；

查看全部

0 采集收起来源：jQuery遍历之find()方法
2017-09-08
锦色流年

•find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。children是父子关系查找，find是后代关系（包含父子关系） var $spans = $('span'); 这样写是找到全局的span。然后再下一步 $("p").find($spans).css('color', 'red'); p中过滤掉 $spans 当然，直接写 $("p").find('span').css('color', 'red'); 也可以达到同样的效果不写也没关系啊 , $(),是个对象 , 里面可以是element , 也可以是选择器,或者其他的 , 不写var $spans = $('span'); 把find()改成find('span')效果是一样 2 3 4 5 第一种 span{color:blue;} 第二种 .span{color:blue;} 第一种是属性选择器，可以为拥有指定属性的 HTML 元素设置样式 [title]{ color:red; } 第二种是类选择器类选择器以一个点号显示：.center {text-align: center} 在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。都是正确的为什么不是每一个li下的最后一个有效果因为是.left下的所有后代li中的最后一个如果是每一个li的话应该选.div下的最后一个li jquery选择器中两个class是什么意思？ $(".class1 .class2")这个是选择class1类下带class2类的元素还是选择所有包含class1类和class2类的元素？答案： $(".class1 .class2") 选择class1元素下class2的元素（中间有空格） $(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格） $(".class1,.class2") 选择class1或者class2的元素（中间有逗号）

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-03-22
halu7777

指定元素集合中每一个元素的同辈元素

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-09-08
超级无敌可爱的美少女

wrap()是给当前元素节点穿外套,wrapInner()是给当前元素穿内衣

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-09-08
超级无敌可爱的美少女

wrapAll()方法括号内如果直接写节点，就是用一个父节点把选定的节点全都包起来，如果括号里写的是方法，那就是用若干个父节点把选定的节点分别包起来。 .wrapAll( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象通过回调的方式可以单独处理每一个元素 $(".aaron2").on('click', function() { //wrapAll接受一个回调函数 //每一次遍历this都指向了合集中每一个a元素 $('a').wrapAll(function() { return '<div></div>' }) }) 使用函数回调是每次遍历a元素时就用div包裹一次 wrapAll(funciton(){return ''})与wrap是一差不多专门试验 F12 Console调看。 $('p').wrapAll('<div></div>'); $('a').wrapAll(function() { return '<div></div>' })

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
halu7777

指定元素集合中每一个元素紧邻的前面同辈元素的元素集合

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-09-08
halu7777

查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-09-08
锦色流年

有.的是class,没有的是所有div节点， .children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）一类型选择器表达式就是相同的选择器。如果一段代码中含有多个li元素，所有的li就是同一类型选择器表达式。：last表示选择这同一类型中的最后一个

查看全部

1 采集收起来源：jQuery遍历之children()方法
2017-09-08
超级无敌可爱的美少女

unwarp（）不接受任何参数 $('p').unwrap('<div></div>')是错的。 unwrap 爸爸没了之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记） .wrap 每个人加个爸爸

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
halu7777

next()无参数

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-09-08

首页上一页 112 113 114 115 116 117 118 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作