首页 > 代码库 > jquery笔记

jquery笔记

选取子元素后代元素的时候,需要加一个空格

//选取class为one的div元素下的第2个子元素
$("div.one :nth-child(2)")

//选取class为one的div父元素下的第一个子元素
$(".one :first-child")

//下拉框被选择,如果不加空格,获取不到,选择的是select下面的option,是子元素
$("select selected")
$("#btn5").click(function(){
//实际被选择的不是 select, 而是 select 的 option 子节点
//所以要加一个 空格. 
//var len = $("select :selected").length
//alert(len);

//因为 $("select :selected") 选择的是一个数组
//当该数组中有多个元素时, 通过 .val() 方法就只能获取第一个被选择的值了. 
//alert($("select :selected").val());

//jQuery 对象遍历的方式使 each, 在 each 内部的 this 是正在
//得到的 DOM 对象, 而不是一个 jQuery 对象
$("select :selected").each(function(){
    alert(this.value);
});
});

 

jquery笔记