*1.jquery中的方法 :
parent(选择上一级元素) parents(选择所有上级元素(前辈))
children(选择下一级元素) find(选择所有后代元素)
siblings(选择同级元素(兄弟)) prev(选择兄弟元素(前一个)) next(选择弟元素(后一个))
toggle()方法进行显示隐藏交互事件,如果显示的就进行隐藏,如果是隐藏的就显示
$(this).parents("li").children("input").attr("checked",this.checked);
1.
closest方法从当前元素开始遍历,而parent()从父元素开始(
只遍历到上一层
)
1.id:唯一标示符
(id选择器:$("#id"); class选择器: $( ".className");)
元素选择器 $("div").length;
$("input[name!='cusername']").each(function(){
alert($(this).val());
});
// 知识点:[attribute^=value] 以什么开头的元素
$("input[value^='K']").each(function(){
alert($(this).val());
});
//知识点:[attribute$=value] 以什么开头的元素
$("input[value$='D']").each(function(){
alert($(this).val());
});
var length = $("input[name*='cu']").length;
alert(length);
获取所有的元素 $("body").find("*").arrt("xxx","xxx");
快速选择器 $("input[name='newsletter']").attr("checked",true);
2.document.getElemetById("id");
//javascript
innertHTML innerText
var( )------>针对form元素(text password select raido checkbox textarea text( ))
2.对比
<div id="text"></div>
<imput type="text" value="ddd" id="username" />
//获取id对应的文本值 html( )
var html=document.getElementById("text").innerHTML;
var $html=$("#text").html();
//获取form表单元素中的值 val( )
var value=document.getElementById("username").value;
var $value=$("#username ").val( );
3.//知识点:[attribute!=value] 不等于某个元素的其他元素
var length = $("input[name!='cusername']").length;
$("input[name!='cusername']").each(function(){
alert($(this).val());
});
// 知识点:[attribute^=value] 以什么开头的元素
$("input[value^='K']").each(function(){
alert($(this).val());
});
//知识点:[attribute$=value] 以什么开头的元素
$("input[value$='D']").each(function(){
alert($(this).val());
});
var length = $("input[name*='cu']").length;
alert(length);