引用
N2 :JQuery 选择器
1、类型:
基本选择器:
层次选择器:
过滤选择器:
* 简单过滤选择器
* 内容过滤选择器
* 可见性过滤选择器
* 属性过滤选择器
* 子元素过滤选择器
* 表单对象属性过滤选择器
表单选择器:
1.1:基本选择器
#id 根据指定id匹配元素,返回单个元素;(唯一性)$("#x");
.calss 根据指定的类名匹配元素,返回集合元素;$(".t");
element 根据给定的元素名匹配,返回结合元素;$("p");
* 匹配所有的元素,返回结合元素;
s1,s2,s3将每一个选择器匹配到的元素合并后一起返回,
例如:$("div,span,p,myClass");
案例:
<%@ 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基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery选择器;jQuery...
下面小编就为大家带来一篇jquery之基本选择器practice(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
NULL 博文链接:https://wangjiaddr.iteye.com/blog/322784
JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
jQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。
本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考,具体如下: 初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳一下,贴上来与初学者共享,今天我主要总结的是jquery的基本...
Jquery选择器分类整理,基本都包含到了,学习笔记。
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西,...
jQuery允许开发者使用从CSS1到CSS3... jQuery选择器类型 jQuery选择器主要分为四类: 1、基本选择器 2、层次选择器 3、过滤选择器 4、表单选择器 由于过滤选择器内容比较多,因此本文仅介绍前两种,下篇文章将介绍后两
简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:...
jQuery 3.1 标准课程第二章 选择器基本选择器
jQuery 选择器 XMind整理, 包含基本选择器,层级选择器, 过滤选择器
主要介绍了jQuery基本选择器和层次选择器的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
主要为大家详细介绍了jQuery基本筛选选择器实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery常用的选择器分类及其用法 一、基本选择器 3 1. id选择器(指定id元素) 3 2. class选择器(遍历css类元素) 3 3. eleme
其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择...