-JQ简单选择器

 

$(“form  ~input”)             //和from同级的 元素

$("input[type=checkbox]:checked")     //所有选中的checkbox

$("#id").animate({ top: 100 }, "slow", "swing");   //选择的元素要加 position属性

 

dropdownlist操作

$("#id").change(function(){});                             //添加事件

$("#id").find("option:selected").text();            //获取Select选择的Text

$("#id").val();                                                         //获取Select选择的Value

$("#id ").get(0).selectedIndex=1;                    //设置Select索引值为1的项选中


$("#id ").val(2);                                                    //设置Select的Value值为2的项选中


$("#id option[text=aa]").attr("selected", true);   //设置Select的Text值为aa的项选中
 

 

jQuery添加/删除Select的Option项:
语法解释:
  $("#id").append("<option value='Value'>Text</option>");          //为Select追加一个Option(下拉项)
$("#id").prepend("<option value='0'>请选择</option>");            //为Select插入一个Option(第一个位置)
$("#id option:last").remove();                                                              //删除Select中索引值最大Option(最后一个)
$("#id option[index='0']").remove();                                                  //删除Select中索引值为0的Option(第一个)
$("#id option[value='3']").remove();                                                  //删除Select中Value='3'的Option
$("#id option[text='4']").remove();                                                    //删除Select中Text='4'的Option

 

radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

 

 

-------------

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

表格选择

$("tr:even")           //选择表格奇数行

$("tr:odd")            //选择表格偶数行

$("tr:first")             //选择第一行

$("tr:gt(0)")           //选择>第一行,不包括第一行

$("tr:last")             //选择最后一行

-------------------

<h1>Header 1</h1>

<h2>Header 2</h2>

$(":header").css("background", "#EEE");    //给所有标题加背景

结果是--》<h1 style="background:#EEE;">Header 1</h1>

                  <h2 style="background:#EEE;">Header 2</h2>

 

 

-----------------------

<div>Resig</div>
<div>George Martin</div>

<div></div>

$("div:contains('John')")           //匹配 含有John的div

$("td:empty")                             //匹配内容为空的div

 

----------------------------

<div><p>Hello</p></div>

$("div:has(p)").addClass("test");     //匹配含有P标签的div

<div class=”test”><p>Hello</p></div>

-------------------------------

属性选择器:

<input name="milkman" />
<input name="letterman2" />

 

$("input[name*='man']")              //匹配 *man 和正则表达式的*一样

$("input[name$='man2']")           //name以man2结束的

$("input[name='milkman']")         //name等于milkman

$("input[name]")                                //含有name属性的input

$("input[name^='news']")              //name以news结尾的input

 

 

----------------------------------

筛选

 

$("p").filter(".selected")    

 

$("input[type='checkbox']").parent().is("form")   //返回布尔值

 

 

posted @ 2011-12-29 14:37  高捍得  阅读(1655)  评论(0编辑  收藏  举报