详解Jquery选择器

Posted 2020-08-31 漫思

1、常见的选择器

id，类，标签选择器。

$("#a1")

$("myclass")

$("div")

2、组合选择器

$("#a1,#a3,#a4,p,.myclass")

3、继承选择器

$("#d1 .myclass")

找到的对应的html元素为

<div  id=‘#d1‘><a class="myclass">链接</a></div>

 

4、按照正则表达式进行选取

$(":checkbox[id^=‘ssss‘][id$=‘xxxx‘]").each(function(){
　　　　$(this).attr("checked", checked);
　　});
　　// 以ssss开头或者以xxxx结束
　　$(":checkbox[id^=‘ssss‘],[id$=‘xxxx‘]").each(function(){
　　　　$(this).attr("checked", checked);
　　});

 

5、选取表单元素

radio

$(‘input:radio:checked‘).val()；
$("input[type=‘radio‘]:checked").val();
$("input[name=‘rd‘]:checked").val();

 

 

select 

$(‘select#sel option:selected‘).val(); 
$(‘select#sel‘).find(‘option:selected‘).val();

 

 

 6、table操作

$(renderTo).find(‘tr:has("th"):last‘).nextAll().remove();