选择器的几种写法以及选择器之间的符号意义

首先你要有一个JQuery文件 ，然后按以下面这段代码为例：

    




    

        
div
        
div
        
div
    

 

ps:id和标签不能以数字开头

 $("选择器")，选择器可以是标签，id，class。

选择器

1. “ ”，例 $(#containerId div) or $(#containerId #boxId)

代表当前选择器内部的所有的div 或者是ID为boxId的节点

2.“+“”例 $(#containerId+div)

代表id为containerId节点同级下面第一个div

3.“~” 例 $(#containerId~div)

代表id为containerId节点同级同级下面所有的div(包括孙子的儿子的儿子......)

“>” 例 $(#containerId>div)

和上面一下，但是只孙子级别

4.$(".container .box[a=123]")的意思是找到class为container下面的class为box同时属性为a="123"的节点。自定义属性

5.$(".box#boxId") 代表同时满足id为boxId和class为box的节点

JQuery

1.$(".container").find("选择器") 代表class=container为开始节点去寻找下面的节点

2.$(".container").children() or$(".container").parent()，代表class=container为开始节点去找所有子级或所有父级

3.(".container").parent("选择器2")代表class=container为开始节点去找所有子级符合选择器2的节点

4.....没写完，回去补充