如果想通过jq控制HTML，必然要先选择HTML的标签再进行设置，以下介绍几种常用的选择器。为了方便，将几种选择器写在一段代码中，如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function () { $('span');//通过标签选择 $('.box1');//通过类名选择 $('#box2');//通过ID名选择 $('ul li');//层级选择所有ul里的所有li $('ul li:first');//层级选择第一个ul里的第一个li $('ul li:first-child');//层级选择所有ul里的第一个li $('input[name="btn"]')//属性选择器 }) </script> </head> <body> <span>hello world!</span> <div class="box1"></div> <div id="box2"></div> <ul> <li></li> <li></li> </ul> <ul> <li></li> <li></li> </ul> <input type="button" name="btn"> </body> </html>注意，这段代码只是列举了几种选择器并没有进行后续设置。 jq中选择器与css样式非常接近，但是选择器写在$()的小括号中，并且以字符串的形式书写。 1标签选择：选择所有的此类标签 2类选择：类名前加一个小点即“.” 3ID选择：ID名前加“#” 4层级选择：综合来说，选中父级+空格+选中子级，可与上面的选择混合使用；代码中也写了两种特殊用法 5属性选择：标签名[属性名=“属性”]，属性外面的是双引号，因为这些选择器需要写成字符串，还要再加单引号。
