属性选择器通过HTML元素的属性来选择元素
基本过滤选择器可以选取第一个元素、最后一个元素、索引为偶数或奇数的元素
当元素获得焦点时,会触发focus事件,失去焦点时,会触发blur事件,详见下表
html()和text() 的区别如下
元素外部插入同辈节点
案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("[type=text]").keydown(function(){
$("#show").append("点 ");
}).keyup(function(){
$("#show").append("输 ");
}).keypress(function(){
$("#show").append("松 ");
});
$(document).keydown(function(event){
if (event.keyCode=="13") {
alert("提交?");
}
});
});
</script>
</head>
<body>
输入框<input type="text" name="pwd" /><br/>
<span id="show"></span>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
li{
list-style: none;
float: left;
padding: 0px 5px;
text-decoration: none;
}
.heightcontent{
background-color: aqua;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("li").mouseover(function(){
$(this).addClass("heightcontent");
});
$("li").mouseout(function(){
$(this).removeClass();
});
});
</script>
</head>
<body>
<ul>
<li>蓝</li>
<li>红</li>
<li>绿</li>
<li>白</li>
</ul>
</body>
</html>