N2 :JQuery 选择器
1、类型:
基本选择器:
层次选择器:
过滤选择器:
* 简单过滤选择器
* 内容过滤选择器
* 可见性过滤选择器
* 属性过滤选择器
* 子元素过滤选择器
* 表单对象属性过滤选择器
表单选择器:
1.1:基本选择器
#id 根据指定id匹配元素,返回单个元素;(唯一性)$("#x");
.calss 根据指定的类名匹配元素,返回集合元素;$(".t");
element 根据给定的元素名匹配,返回结合元素;$("p");
* 匹配所有的元素,返回结合元素;
s1,s2,s3将每一个选择器匹配到的元素合并后一起返回,
例如:$("div,span,p,myClass");
案例:
class="java"> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- ************************** 导入 *********************************** -->
<script type="text/javascript" src="js/jquery-1.8.3.js">
</script>
<!-- ************************************************************* -->
<script type="text/javascript">
//程序入口
$(document).ready(function() {
test();
});
//提示:JQuery中的调用关系和java中方法调用类似
function test(){
$("#id").click(function(){
alert("测试#id选择器");
});
$(".class").click(function(){
alert("测试.class 选择器");
});
$("p").click(function(){
alert("测试element选择器");
});
$("p,div.class").click(function(){
alert("测试了selector1多选择器");
});
}
</script>
</head>
<body>
<h3>基本选择器测试</h3>
<div id="id">测试#id选择器</div>
<div class="class">测试.class选择器</div>
测试element选择器1
测试element选择器2
测试element选择器3
</body>
</html>
- jquery_two.rar (87.1 KB)
- 下载次数: 0