为了账号安全,请及时绑定邮箱和手机立即绑定
  • 元素选择器:根据给定的(html)标记名称选择所有的元素。

    $("select");

    javascript中用getElementByTagName的方法获取到页面中的所有需要获取的元素。getElementByTagName()获取到的是一个对象数组

    查看全部
  • 类选择器可以选择到多个与之相同的类名的DOM元素并给与它们相同的样式。

    $(".calss")

    在JavaScript中getElementsByTagName通过传入标签名获取对象数组,返回的是一个对象集合。getElementById传入标签的id来获取对象返回的一个具体的对象 

    查看全部
  •   id选择器是jQuery选择器中的最基本的选择器

    注意:

          id是惟一的,在一个页面中id只能使用一次,如果有多个元素使用了相同的id,那么,id选择器只选择第一个DOM元素。

        

    查看全部
  • :hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等


    我们有几种方式可以隐藏一个元素:

    1. CSS display的值是none。

    2. type="hidden"的表单元素。

    3. 宽度和高度都显式设置为0。

    4. 一个祖先元素是隐藏的,该元素是不会在页面上显示

    5. CSS visibility的值是hidden

    6. CSS opacity的指是0

    如果元素中占据文档中一定的空间,元素被认为是可见的。
    可见元素的宽度或高度,是大于零。
    元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。


    查看全部
    1. :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素

    2. 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。

    3. :parent与:empty是相反的,两者所涉及的子元素,包括文本节点


    查看全部
    1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引

    1. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始


    查看全部
  • 子选择器

    $('div > p')

    后代选择器

    $('div p')

    相邻兄弟选择器

    $(".prev + div")

    一般兄弟选择器

    $(".prev ~ div")


    查看全部
  • 元素选择器:根据给定(html)标记名称选择所有的元素

    $( "element" )


    查看全部
  • id选择器:一个用来查找的ID,即元素的id属性

    id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的


    查看全部
  • <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>
    var $div = $('div') //jQuery对象
    var div = $div[0] //转化成DOM对象
    div.style.color = 'red' //操作dom对象的属性

    用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象,调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是,数组的索引是从0开始的,也就是第一个元素下标是0

    jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引:

    var $div = $('div') //jQuery对象
    var div = $div.get(0) //通过get方法,转化成DOM对象
    div.style.color = 'red' //操作dom对象的属性


    查看全部
  • 属性筛选选择器中 [attr="value"]和[attr*="value"]是最实用的  例子:

    $('div[name=p1]')查找所有div中,属性name=p1的div元素
    $('div[name*="test"]')查找所有div中,有属性name中的值含有一个test字符串的div元素



    查看全部
  • YY
    查看全部
  • u
    查看全部
  • jQuery选择器之基本筛选选择器


    查看全部
  • jQuery选择器之层级选择器

    子元素 后代元素 兄弟元素 相邻元素


    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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