`
1140566087
  • 浏览: 547858 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
博客专栏
2c4ae07c-10c2-3bb0-a106-d91fe0a10f37
c/c++ 入门笔记
浏览量:18078
3161ba8d-c410-3ef9-871c-3e48524c5263
Android 学习笔记
浏览量:309558
Group-logo
J2ME 基础学习课程集
浏览量:18008
A98a97d4-eb03-3faf-af96-c7c28f709feb
Spring 学习过程记录...
浏览量:17196
社区版块
存档分类
最新评论

jQuery 之基本选择器

阅读更多
引用
                              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>

0
3
分享到:
评论
2 楼 1140566087 2013-11-13  
bo_hai 写道
写的很基础。

谢谢,学什么都是从基础开始的,我也是刚刚接触的!
1 楼 bo_hai 2013-11-13  
写的很基础。

相关推荐

    jquery基本过滤选择器

    jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇

    Web前端开发技术-Jquery选择器.pptx

    基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery选择器;jQuery...

    jquery之基本选择器practice(实例讲解)

    下面小编就为大家带来一篇jquery之基本选择器practice(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery基本选择器

    NULL 博文链接:https://wangjiaddr.iteye.com/blog/322784

    jQuery基础选择器练习题

    JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手

    jQuery选择器速查表

    jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。

    PPT和案例\jQuery选择器

    jQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。

    jQuery选择器之基本选择器用法实例分析

    本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考,具体如下: 初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳一下,贴上来与初学者共享,今天我主要总结的是jquery的基本...

    Jquery 选择器整理

    Jquery选择器分类整理,基本都包含到了,学习笔记。

    jQuery选择器之基本过滤选择器用法实例分析

    本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西,...

    详解强大的jQuery选择器之基本选择器、层次选择器

    jQuery允许开发者使用从CSS1到CSS3... jQuery选择器类型 jQuery选择器主要分为四类: 1、基本选择器 2、层次选择器 3、过滤选择器 4、表单选择器 由于过滤选择器内容比较多,因此本文仅介绍前两种,下篇文章将介绍后两

    jQuery基本过滤选择器使用介绍

    简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:...

    jQuery 3.1 标准课程第二章 选择器基本选择器

    jQuery 3.1 标准课程第二章 选择器基本选择器

    jQuery 选择器整理

    jQuery 选择器 XMind整理, 包含基本选择器,层级选择器, 过滤选择器

    jQuery基本选择器和层次选择器学习使用

    主要介绍了jQuery基本选择器和层次选择器的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    jQuery基本筛选选择器实例代码

    主要为大家详细介绍了jQuery基本筛选选择器实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    1、jQuery常用的选择器分类及其用法1

    jQuery常用的选择器分类及其用法 一、基本选择器 3 1. id选择器(指定id元素) 3 2. class选择器(遍历css类元素) 3 3. eleme

    jQuery层次选择器选择元素使用介绍

    其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择...

Global site tag (gtag.js) - Google Analytics