$("ancestor descendent") 获取父元素下的所有子元素
$("parent > child") 获取父元素下的除去孙辈的子元素
$("previous + next") 仅仅获取previous这个元素的第一个相邻的元素
$("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素
$("parent > child") 获取父元素下的除去孙辈的子元素
$("previous + next") 仅仅获取previous这个元素的第一个相邻的元素
$("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素
2016-04-24
ancestor descendent 取得父元素下的所有子元素
parent>child 取得父元素下的除去孙辈的子元素
previous+next 取得previous这个元素的下一个元素。
上面三个取得的元素范围越来越小。
parent>child 取得父元素下的除去孙辈的子元素
previous+next 取得previous这个元素的下一个元素。
上面三个取得的元素范围越来越小。
2016-04-24
parent > child 父元素中的子辈,但不包括孙辈。
ancestor descendent 父元素中的所有子辈元素。
ancestor descendent 父元素中的所有子辈元素。
2016-04-24
有时我们并不需要某个元素下的所有子元素,而是只需要该元素下的某些子元素,这时就要用到层次选择器。格式如下
$("ancestor descendent").html(); //这是改变内容
$("ancestor descendent").css("backgroud-color","blue"); //这是改变样式
$("ancestor descendent").html(); //这是改变内容
$("ancestor descendent").css("backgroud-color","blue"); //这是改变样式
2016-04-24
有时只需要选取特定的元素,对他们的内容进行改变。这时只需要把他们的元素名称或者是选择器放在$()函数(全部放在引号内)内,并用逗号隔开。
$(".red,.green").html("hi,our profile is great!please choose us.");
$(".red,.green").html("hi,our profile is great!please choose us.");
2016-04-24
*通用符,通常与其他元素一同使用,来获取该元素的所有子元素
$("form *").html().attr("disabled","true");
$("form *").html().attr("disabled","true");
2016-04-24
attr()方法
$(".red").html().attr("class"); //这是获取元素的类别名称,结果是red
$(".red").html("$(".red").html().attr("class")");//将类名为red的元素的内容改为元素的类名。
$(".red").html().attr("class"); //这是获取元素的类别名称,结果是red
$(".red").html("$(".red").html().attr("class")");//将类名为red的元素的内容改为元素的类名。
2016-04-24
$(function(){
$("h4").bind("click",function(){
if($("#hidval").val() == 0){
$("ul").fadeIn(800)
$("#hidval").val(1);}
else{
$("ul").fadeOut(800)
$("#hidval").val(0);
}
})
});
$("h4").bind("click",function(){
if($("#hidval").val() == 0){
$("ul").fadeIn(800)
$("#hidval").val(1);}
else{
$("ul").fadeOut(800)
$("#hidval").val(0);
}
})
});
2016-04-24
$(function(){
$("h4").bind("click",function(){
if($("#hidval").val() == 0){
$("ul").slideDown()
$("#hidval").val(1);}
else{
$("ul").slideUp()
$("#hidval").val(0);
}
})
});
$("h4").bind("click",function(){
if($("#hidval").val() == 0){
$("ul").slideDown()
$("#hidval").val(1);}
else{
$("ul").slideUp()
$("#hidval").val(0);
}
})
});
2016-04-24
$("body").append($("span").clone());
或 $("body").append($(".red").clone());
或 $("body").append($(".red").clone());
2016-04-24
$("#content").css({"background-color":"red","color":"white"});
2016-04-24
我弄好了,我是做php的,所以不会太繁琐,想解释一下流程,但是这个编辑器框太小了,编辑了半天,不小心给删了,囧....
2016-04-24