美文网首页
JQuery-获取元素

JQuery-获取元素

作者: 哎呦呦胖子斌 | 来源:发表于2018-11-26 10:31 被阅读0次
DOM中获取元素

根据id属性的值获取元素,返回来的是一个元素对象

getElementById(‘id属性的值’)

根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象

getElementsByTagName(‘标签名字’)

//下面的几个,有的浏览器不支持

根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个DOM对象

getElementsByName(‘name属性的值’)

根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个DOM对象

getElementsByClassName(‘类样式的名字’)

根据选择器获取元素,返回来的是一个元素对象

querySelector(‘选择器的名字’)

根据选择器获取元素,返回来的是一个伪数组,里面保存了多个DOM对象

querySelectorAll(‘选择器的名字’)

jQuery中获取元素

$(‘选择器’)

id选择器 #id 一个元素

标签选择器 标签名 多个元素 如果想设置相同的操作,可以直接.方法(),不需要遍历

类选择器 .类选择器

交集选择器 标签名.类选择器 先找标签,再找有这个类选择器的该标签

并集选择器 #id,标签名,.类选择器 找到能满足其中一个选择器的所有元素

后代选择器 #id 便签名 获取的是ID为id的直接间接的子元素

直接后代选择器 #id>标签名 获取的是直接子元素

后兄弟选择器 #id~标签名 获取的是ID为id的这个标签后面的所有兄弟元素

后直接兄弟元素 #id+标签名 获取的是ID为id的这个标签后面紧挨着的兄弟元素

索引选择器 所选列表:eq(index) 获取某个标签列表中下标为index的标签

         所选列表:lt(index) 得到小于index索引值的所有标签

         所选列表:gt(index) 得到大于index索引的所有标签

         所选列表:gt(index1):lt(index2)

        得到大于index1索引的所有标签中(此时得到的标签第一个索引变为0)索引值小于index2的所有标签

        所选列表:selected 列表中选中的那个标签元素

相关文章

  • jquery设计思想书目录

    jQuery-选择网页元素 jQuery-改变结果集 jQuery-链式操作 jQuery-元素的操作:取值和赋值...

  • JQuery-获取元素

    DOM中获取元素 根据id属性的值获取元素,返回来的是一个元素对象 getElementById(‘id属性的值’...

  • jQuery-样式相关操作

    jQuery-样式相关操作 css(name|pro|[,val|fn]用于设置或获取元素CSS样式 jQuery...

  • JQuery-操作元素

    创建元素 方法一: 方法二: 方法三: 这个地方相当于重新赋值,重新创建了一个然后把原来的重新覆盖了。 添加元素 ...

  • jQuery篇之操作jQuery对象(样式)

    获取/设置 元素内容 获取/设置 元素属性 获取/设置 元素样式 获取/设置 元素位置和大小

  • DOM笔记

    DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...

  • [前端学习]jquery部分学习笔记,第二天

    获取操作兄弟元素 元素.next()获取该元素下一个兄弟元素 元素.nextAll()获取该元素后面的所有兄弟元素...

  • 获取元素

    一.获取元素: 1.通过id来获取元素 2.根据标签名获取元素 3.根据类名来获取元素 4.获取body 元素和获...

  • 获取元素

    html代码示例: javascript获取元素 通过id获取元素 通过TagName获取元素 通过ClassNa...

  • 获取元素和事件注册

    1、获取元素 获取body元素可以直接通过:document.body获取获取html元素可以直接通过:docum...

网友评论

      本文标题:JQuery-获取元素

      本文链接:https://www.haomeiwen.com/subject/yubvqqtx.html