码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-选择器

时间:2017-10-02 13:57:00      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:dex   index   put   ast   等于   ext   对象   file   logs   

一:JQuery和DOM转换  

  转换:
  jquery对象[0] => Dom对象
  Dom对象 => $(Dom对象)

 

  

$(‘#i1‘)[0] <=====>document.getElementById(‘i1‘)

d=document.getElementById("i1")
$(d)

 

二:选择器

  http://jquery.cuishifeng.cn/index.html

            选择器,直接找到某个或者某类标签
            1. id
                $(‘#id‘)
            2. class
                <div class=‘c1‘></div>
                $(".c1")
            3. 标签
                <div id=‘i10‘ class=‘c1‘>
                    <a>f</a>
                    <a>f</a>
                </div>
                <div class=‘c1‘>
                    <a>f</a>
                </div>
                <div class=‘c1‘>
                    <div class=‘c2‘> </div>
                </div>
                
                $(‘a‘)
                
            4. 组合a
                <div id=‘i10‘ class=‘c1‘>
                    <a>f</a>
                    <a>f</a>
                </div>
                <div class=‘c1‘>
                    <a>f</a>
                </div>
                <div class=‘c1‘>
                    <div class=‘c2‘> </div>
                </div>
                
                $(‘a‘)
                $(‘.c2‘)
                
                $(‘a,.c2,#i10‘)
                
            5. 层级
                $(‘#i10 a‘) 子子孙孙
                $(‘#i10>a‘) 儿子
                
            6. 基本
                :first
                :last
                :eq()
            7. 属性
                $(‘[alex]‘)       具有alex属性的所有标签
                $(‘[alex="123"]‘) alex属性等于123的标签
                
            
                <input type=‘text‘/>
                <input type=‘text‘/>
                <input type=‘file‘/>
                <input type=‘password‘/>
                
                $("input[type=‘text‘]")
                $(‘:text‘)

 

  

jQuery-选择器

标签:dex   index   put   ast   等于   ext   对象   file   logs   

原文地址:http://www.cnblogs.com/lixiang1013/p/7620000.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!