jQuery 9 相对选择器
前面的章节中我们用$()函数时只用到了一个参数,其实它还有第二个参数,第二个参数是jquery对象参数,用于标明要产生事件的元素。
如下图:当点击table1中的tr时会产生一个click事件,会把所对应的td显示为红色. this代表当前的元素,相当于dom中的event.srcElement.
<html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title><script src="JScript/jquery-1.9.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$("#table1 tr").click(function () { //为每个table中的行注册点击事件$("td", $(this)).css("background", "red"); //让此行中的td显示成红色,注意第二个参数 });});</script> </head> <body> <table id="table1" border="1" cellspacing="0" cellpadding="0" width="10%"><tr><td>aa</td><td>aa</td></tr><tr><td>bb</td><td>bb</td></tr><tr><td>cc</td><td>cc</td></tr><tr><td>dd</td><td>dd</td></tr> </table> </body> </html>
$("body *") 代表body中任意的元素。
转载于:https://www.cnblogs.com/yagzh2000/archive/2013/05/25/3098870.html
jQuery 9 相对选择器相关推荐
- 转:初探 jQuery 的 Sizzle 选择器
这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成.在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你 ...
- jQuery九类选择器
jQuery选择器基本选择器 #id/标签名/样式名/选择器A,选择器B jQuery层次选择器 *form input:查询form下所有input元素,含有后代关系 form>input:查 ...
- jq查找字段忽略html标签,jquery内容过滤选择器有哪些?
jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括四种过滤方法: :contains(text).:empty .:has(seletor) .:paren ...
- jquery常见的选择器
jquery常见的选择器 具体参考官方API:http://jquery.cuishifeng.cn/ 1. 基本选择器 1.通配符选择器 * 用于选择所有元素2.元素选择器 选择文档的元素 如htm ...
- 重磅推荐12款jQuery编写的选择器
我最近开始编写自己的jQuery选择器,我越来越开始意识到这是一种不错而简洁的完成某些特定任务的方式,而以往我使用的是迭代器. 这些选择器中如果不是你一直在寻找的,你也许根本将不会碰到.所以我决定写下 ...
- Jquery有哪些选择器
http://zhidao.baidu.com/link?url=qYC_qYA1G6dAgWcv1EVwDQyQrXQnVotFZwqoM4RK3O16EakTTnQnCWuCMCIWV33iGaP ...
- jQuery的筛选选择器
基本筛选选择器 很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQu ...
- jQuery中,选择器既匹配开头又匹配结尾
jQuery中,选择器既匹配开头又匹配结尾的方法: 1 [attr^=val]attr$=val 2 [attr^=val][attr$=val] 转载于:https://www.cnblogs.co ...
- js层级选择框样式_【JavaWeb】85:jQuery的各种选择器
今天是刘小爱自学Java的第85天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 选择器的作用是什么? 可以快速准确地定位我们所需要的标签. 刚学CSS的时候,觉得CSS选择器也太多了吧,直到 ...
- jQuery基本过滤选择器
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8" ...
最新文章
- pytorch 获取模型参数_剑指TensorFlow,PyTorch Hub官方模型库一行代码复现主流模型...
- 一脸懵逼学习Hive的元数据库Mysql方式安装配置
- Android中Intent的显示和隐式使用
- 知识点的积累(零碎的积累)
- 欧几里得算法以及推论
- 计算机网络之Web应用
- 《团队激励与沟通》第 3 讲——沟通概述与沟通过程 重点部分总结
- 4n35光耦引脚图_光耦继电器的主要特点以及输入特性!先进光半导体
- jquery datatables 学习笔记
- Android应用程序线程消息循环模型分析
- 简易旋转倒立摆及控制装置-电赛训练
- 如何看待职场猝死?燕麦企业云盘教你9大绝招提升职场幸福感
- Redis:列表LPUSH、LPUSHX、RPUSH、RPUSHX、LPOP、RPOP命令介绍
- 读书笔记——心理学之影响力
- 微软商店和防火墙打不开解决方法
- 网页设计大作业成品_成品衣柜尺寸太固定,设计师6大方面分享定制衣柜,读后收获满满...
- 锁仓怎么解_锁仓和解锁的方法
- 使用Vendor NDK实现Android Camera preview
- 【案例】10个视觉系优秀网页设计让你打破灵感的僵局
- 微信开发者工具-调试器