标签：OLE   hidden   inner   res   结果   哈哈   head   jquery选择器   min   

jQuery引入和jQuery选择器

jQuery引入

先下载jQuery文件，再通过script导入

        

登录
            
注册
        

    
    

jQuery对象和DOM对象

DOM对象和jQuery对象都为标签提供了各种各种功能，并且两者之间可以进行相互转换。

Dom对象转换jQuery对象：$(dom对象)

jQuery对象转换成Dom对象：jQuery对象[0]

人生如烟，烟如雾。
    
    

选择器

id选择器

HTML代码：

    
    
id="notMe"

白日依山尽

jQuery代码：

$("#myDiv");

结果：

[
id="myDiv"
 ]

class选择器

HTML代码：

窗前明月光
疑是地上霜
举头望明月

jQuery代码：

$(".myClass");

结果：

[ 
窗前明月光
, 举头望明月 ]

标签选择器

HTML代码：

DIV1
DIV2
SPAN

jQuery代码：

$("div");

结果：

[ 
DIV1
, 
DIV2
 ]

多选择器

HTML代码：

鸡
我顶你个肺
你太美
哈哈哈哈哈哈

jQuery代码：

$("div,span,p.myClass")

结果：

[ 
鸡
, 
我顶你个肺
, 你太美 ]

层级选择器

HTML代码：

  
    Name:  
    
      
        Newsletter:      
        

jQuery代码：

$("form input")

结果：

[ ,  ]

属性选择器

HTML代码：

jQuery代码：

$("input[name=‘newsletter‘]")

结果：

[ ,  ]

表单选择器

HTML代码：

    
    OptionButton

jQuery代码：

$(":text")          // 找到所有input标签且type=text的标签

//$(":input")      //找到所有input标签

//$(":password")   //找到所有input且type=password的标签

//$(":radio")      //找到所有input且type=radio的标签

//$(":checkbox")   //找到所有input且type=checkbox的标签

结果：

[  ]

jQuery-jQuery引入和jQuery选择器

标签：OLE   hidden   inner   res   结果   哈哈   head   jquery选择器   min   

原文地址：https://www.cnblogs.com/Hedger-Lee/p/13062889.html