jQuery基础(二)—DOM篇_技术问答

首页免费课 jQuery基础(二)—DOM篇问答

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121981
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211523
免费课程
                                
jQuery基础(四)—动画篇
初级·85049
免费课程
                                
jQuery基础(三)—事件篇
入门·89996
免费课程
                                
jQuery基础 (一)—样式篇
入门·217510
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71439
免费课程
                                
                难度入门
            
                时长 2小时17分
            
                学习人数
            
综合评分9.13
                            812人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.1
                                简洁易懂
                            
                                8.8
                                逻辑清晰

全部评论问答未解决精华

weibo_颖丫头嘎嘎_04073231

remove()方法也能实现移动元素的操作，但是重新添加的时候事件是移除的；
detach()方法是保留整个元素及其事件的

1 4-4 DOM节点删除之保留数据的删除操作detach()

2016-12-20

weibo_颖丫头嘎嘎_04073231

$("p").remove(":contains('3')")
$("p").filter(":contains('3')").remove();
$("p:contains('3')").remove();
这三种方式结果是一样的，不过处理方式不一样

0 4-2 DOM节点删除之remove()的有参用法和无参用法

2016-12-20

weibo_颖丫头嘎嘎_04073231

.on( events [, selector ] [, data ], handler )
events
Type: String
One or more space-separated event types and optional namespaces, such as "click" or "keydown.myPlugin".
selector
Type: Anything

handler
Type: Function( Event eventObject [, Anything extraParameter ] [, ... ] )

0 2-2 jQuery节点创建与属性的处理

2016-12-20

ios要转型

jquery-3.1.1：
$('a').wrapAll(function() {

return '<div><div/>';

})
结果为：
<div>
<a>a元素</a>
<a>a元素</a>
</div>

4 5-5 DOM包裹wrapAll()方法

2016-12-19

ios要转型

$('a').wrapAll(function() {
return '<div><div/>';
})
是单独处理每一个a元素

0 5-5 DOM包裹wrapAll()方法

2016-12-19

ios要转型

replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll() 无法使用函数进行替换。

2 5-2 DOM替换replaceWith()和replaceAll()

2016-12-19

神爱爱丽丝

$("button:first").click(function() {
$("li.item-1").next("li").css({"border":"1px solid red"});
})

0 6-6 jQuery遍历之next()方法

2016-12-19

神爱爱丽丝

看到好多同学好像没有理解题意，其实那两句话是一句话。
1、class="item-1"的li元素这样写：li.item-1
2、class=".level-2"的ul元素这样写：ul.level-2
代码为：
$("button:first").click(function() {
$("li.item-1").closest("ul.level-2").css({"border":"1px solid red"});
})
希望能帮到你们！

4 6-5 jQuery遍历之closest()方法

2016-12-19

神爱爱丽丝

2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。
这个区别的验证不会的同学请查看我的笔记

0 6-4 jQuery遍历之parents()方法

2016-12-19

神爱爱丽丝

[prevObject: jQuery.fn.jQuery.init[1], context: document]
context: document
length: 0
prevObject: jQuery.fn.jQuery.init[1]
__proto__: jQuery[0]

0 6-4 jQuery遍历之parents()方法

2016-12-19

神爱爱丽丝

[document, prevObject: jQuery.fn.jQuery.init[1], context: document]
0: document
context: document
length: 1
prevObject: jQuery.fn.jQuery.init[1]
__proto__: jQuery[0]
VM1486:6

0 6-4 jQuery遍历之parents()方法

2016-12-19

神爱爱丽丝

2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。
使用console.log( )，键盘f12打开调试Console可看到
console.log($( "html" ).parent());
console.log($( "html" ).parents());

2 6-4 jQuery遍历之parents()方法

2016-12-19

睡着了做梦

.parents()参数是可选的,
.closest()参数是必填的,

2 6-5 jQuery遍历之closest()方法

2016-12-18

神爱爱丽丝

DOM包裹wrapInner()方法——给选中的内部整体增加一层包裹

.wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构
.wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容

0 5-6 DOM包裹wrapInner()方法

2016-12-17

神爱爱丽丝

empty方法——修枝剪叶（放虎归山）
remove方法——连根拔起（斩草除根）

0 4-3 DOM节点删除之empty和remove区别

2016-12-17

首页上一页 74 75 76 77 78 79 80 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(二)—DOM篇