今天开始讲了对时间的绑定
如下
document.getElementById(“btn”).ondblclick = function(){};
接下来开始讲jQuery:
<script src="js/jquery-1.12.2.js"></script>
/*div p找到div下的p
*div,p找到所有的div和p
*div>p找到div的直接子元素p(div子一级所有的p)
*p+span找到下一个一个兄弟
*P~span找所有兄弟*/
例子如下
alert($("div *").text()); $("#p").html("456");//document.getelementbyid();
$("#a1").val("233");
alert($("div label").html());
$("div label:last").html("222");
$("div>label").html("777");
<body>
<p id="p">123</p>
<div id="">
<label>sss</label>
<label>sss</label>
<span id="">
lixu
</span>
<p>
<label>sss</label>
<label>111</label>
</p>
<div>
hao
</div>
</div>
</body>
更改属性:
$("#p").css("background-color","aqua");
给元素设置样式:
1)css的方法
方法连调:
$("ulli:first").css("background-color","red").css("color","blue");
2)addclass()可以给元素设置一个style样式,参数就是class名。
.sm{
background-color: purple;
color: gray;
}//这是css里的一个样式
$("ul li:last").addClass("sm");
3)css(“样式的名字”,”样式的值”); 给元素设置样式
css(“样式的名字”); 获取元素样式
Contains
找到有内容的元素。
Has
找到有固定选择器的元素。
$("ul li:contains('3')").css("color","yellow");
选出文本中包含3的
$("ul li:has('p')").css("color","skyblue");
选出有p标签的
选择出隐藏的或未被隐藏的
$(".d1").html($("p:hidden").text());
//找到p中隐藏的并输入到.d1中。
$(".d1").html($("div:visible").text());
//找到div中显示的内容输入到.d1中。(class)
<script type="text/javascript">
$(function(){
alert($("div:visible").text());
$(".d1").html($("p:hidden").text());
$(".d2").html($("input:hidden").val());
})
</script>
</head>
<body>
<p class="d1">123</p>
<p style="display: none;">我是隐藏的</p>
<input type="hidden" name="" id="" value="我是隐藏的" />
<div id="" style="display: none;">
</div>
<div class="d2">
123
</div>
</body>
form表单中相关设置
//$("form :input").attr("disabled","disabled");
//$("form :text").attr("disabled","disabled");
//将type="text"的设置为不可用
//$("form :radio").attr("disabled","disabled");
//将type="raadio"的单选框设置为不可用
//$("form :checked").attr("disabled","disabled");
$("form :radio").attr("disabled","disabled");
$("form *").removeAttr("disabled");
//删除form表单中所有disabled。
Appendto
先写一个你要添加的内容更
如:var d = "<li style='color: white;background-color: red;'>plus me</li>";
然后将改串转换加到目标位置
$(d).appendTo($("ul"));
Each的用法
/*1.each()遍历数组*/
var arr = ["math","chinese","english"];
$.each(arr,function(index,value){
alert(value);
})
/*2.each()遍历二维数组*/
var ar =[["math","chinese","english"],["math","chinese","english"]];
$.each(ar,function(index,value){
$.each(value, function(index,value) {
alert(value);
});
});
/*3.each()遍历js对象*/
var obj = {"name":"老四","age":30};
$.each(obj,function(key,value){
alert(key+" "+value);
})
/*参数key就是属相名,参数value就是属性值*/
/*4.each遍历元素集合*/
$.each($("span"),function(index,value){
if(index==1)
alert($(value).text());
})