jquery笔记

Posted 2020-08-29 Orc_Warrior

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

//选取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);
});
});