详解Jquery选择器

Posted 漫思

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了详解Jquery选择器相关的知识,希望对你有一定的参考价值。

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();

 

以上是关于详解Jquery选择器的主要内容,如果未能解决你的问题,请参考以下文章

jquery中的$的特殊用法

jQuery选择器详解

jQuery选择器详解

详解JQuery框架的五大选择器

详解JQuery框架的五大选择器

Jquery 选择器 详解