码迷,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
迷上了代码!