jQuery 学习笔记 一 初体验《二》

//把form中的每个input元素的值建立一个列表             map 函数
$("p").append( $("input").map(function(){  return $(this).val(); }).get().join(", "));

// 结合 slice 选择第一个p元素 把form中的每个input元素的值建立一个列表             map 函数
$("p").slice(0,1).append( $("input").map(function(){ return $(this).val();}).get().join(","));

//为事件源最近的父类li对象更换样式     closest 取得与表达式匹配的最新的父元素    toggleClass 添加样式
$(document).bind("click",function(e){ $(e.target).closest("li,div,p").toggleClass("highlight"); });

//查找所有文本节点并加粗
$("p").contents().not("[nodeType=1]").wrap("<b/>");

//$("p span")功能一样  从所有的段落开始，进一步搜索下面的span元素
$("p").find("span").toggleClass("highlight") ;

// 收索 odd :  匹配所有索引值为奇数的元素，从 0 开始计数   even :匹配所有索引值为偶数
$("li:odd").toggleClass("highlight");

//$("li").slice(0,1)与$("li:first") 等同；next 后面紧邻的同辈元素，nextAll 之后的所有元素加个类
//first 匹配找到的第一个元素; last 匹配找到的最后一个元素
$("li:first").next().toggleClass("selected");

//选择所有h1,h2,h3一类的header标签
$(":header").css("background","#EEE");

// parent取得一个包含着所有匹配元素的唯一父元素的元素集合 ,parents所有匹配元素的祖先元素的元素集合
$("span").parent().toggleClass("selected");

//:empty 匹配所有不包含子元素或者文本的空元素; contains 匹配包含给定文本的元素 ;last 匹配找到的最后一个元素
$("td:empty:last").html( $("td:contains('aa')").text() );

//:parent匹配含有子元素或者文本的元素 ; :has  匹配含有选择器所匹配的元素的元素  ; :visible :hidden  可见性过滤器
$("td:parent:has(ol)").addClass("unselect");