为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(二)—DOM篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • 戴个wrap套~
    查看全部
  • 穿外套wrap,穿内衣wrapInner,脱衣unwrap,给所有元素一床被子裹了wrapAll
    查看全部
  • index % 2 = 0,为假,不执行蓝色. 当 index=1,3,5时index % 2 = 1,为真,执行 余数为0 时就是假,不管它是不是余数,你要知道,在javascript中0代表false,非0代表true
    查看全部
  • jQuery遍历之each() 要一个一个给合集中每一个li设置颜色,这里方法就是each 所以大体上了解3个重点: each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素 看一个简单的案例 <ul> <li>慕课网</li> <li>Aaron</li> </ul> 开始迭代li,循环2次 $("li").each(function(index, element) { index 索引 0,1 element是对应的li节点 li,li this 指向的是li })
    查看全部
  • 此节理解不了浏览器点击传递元素标签为什么p的样式写在了li中;而传递html把left的全考到right中并且依旧有p的样式。
    查看全部
  • .after匹配的元素后插入内容 .before匹配的元素前插入内容
    查看全部
  • .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: String A selector string to filter the descendants of the selected elements that trigger the event. If the selector is null or omitted, the event is always triggered when it reaches the selected element. data Type: Anything Data to be passed to the handler in event.data when an event is triggered. handler Type: Function( Event eventObject [, Anything extraParameter ] [, ... ] ) A function to execute when the event is triggered. The value false is also allowed as a shorthand for a function that simply does return false.
    查看全部
  • append与appendTo区别 添加的对位置.append(要添加到的对象) 要添加的对象.appendTo(要添加的位置)
    查看全部
  • .wrapAll()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套多层,但是最内层只能有一个元素。所有匹配元素将会被当作是一个整体,在这个整体的外部用指定的 HTML 结构进行包裹。
    查看全部
  • .wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构。这种结构可以嵌套了好几层深,但应该只包含一个核心的元素。每个匹配的元素都会被这种结构包裹。该方法返回原始的元素集,以便之后使用链式方法。
    查看全部
  • .replaceAll()和.replaceWith()功能类似,主要是目标和源的位置区别 .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序 .replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用 .replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过replaceWith/replaceAll方法替换后的节点
    查看全部
  • jQuery遍历之add()方法:.add()的参数可以几乎接受任何的$(),包括一个jQuery选择器表达式,DOM元素,或HTML片段引用 简单的看一个案例: 操作:选择所有的li元素,之后把p元素也加入到li的合集中 <ul> <li>list item 1</li> <li>list item 3</li> </ul> <p>新的p元素</p> 处理一:传递选择器 $('li').add('p') 处理二:传递dom元素 $('li').add(document.getElementsByTagName('p')[0]) 还有一种方式,就是动态创建P标签加入到合集,然后插入到指定的位置,但是这样就改变元素的本身的排列了 $('li').add('<p>新的p元素</p>').appendTo(目标位置)
    查看全部
  • clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容,如右边代码我 $(this).clone().css('color','red') 增加了一个颜色 通过传递true,将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据 元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享。深复制的所有数据,需要手动复制每一个
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2016-11-01

  • siblings()无参数 取得一个包含匹配的元素集合中每一个元素的同辈元素的元素集合 注意:jQuery是一个合集对象,所以通过siblings是匹配合集中每一个元素的同辈元素 siblings()方法选择性地接受同一类型选择器表达式 同样的也是因为jQuery是合集对象,可能需要对这个合集对象进行一定的筛选,找出目标元素,所以允许传一个选择器的表达式
    查看全部
  • 第二个script为什么返回值没有封闭标签?而且包裹a的div样式写在style里过了!
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的语法 2、jQuery节点操作
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!