jquery笔记(选择器)

  • $("span,#two").css("background","#bbffaa"); 改变所有的<span>元素和id为two的元素的背景色;
  • $("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素,包含子元素、孙子元素等;
  • $("parent>child") 选取parent元素下的child元素,子元素;
  • $("prev+next") 选取紧接在prev元素后的同辈的next元素,等价于$("prev").next("next");
  • $("prev~siblings") 选取prev元素之后的所有同辈的siblings元素,等价于$("prev").nextAll("siblings");
  • siblings方法与前后位置无关,而$("prev~siblings")只选择后面的同辈元素;

基本过滤器:

  • $("div:first") 选取所有的<div>元素中第一个<div>元素,返回个元素;
  • $("div:last") 选取所有的<div>元素中最后一个<div>元素,返回个元素;
  • :not(selector),$("input:not(.myClass)")选取class不是myClass的input元素;
  • :even,是偶数的所有元素;
  • :odd ,是奇数的所有元素;
  • :eq(index),索引等于index的所有元素,返回个元素;
  • :gt(index),索引大于index的元素;
  • :lt(Index),索引小于Index的元素;
  • :header,所有标题元素;
  • :animated,所有正在执行动画的元素;
  • :focus,获取焦点的元素;

内容过滤器:

  • :contains(text) ,含有文本内容为“text”的元素;
  • :empty ,选取不包含子元素或者文本的空元素;
  • :has(selector),选取还含有选择器所匹配的元素的元素;
  • :parent ,选取含有子元素或者文本的元素;
  • :hidden , :visible;

子元素过滤选择器:

  • :nth-child(index/even/odd/equation) ,选取没给父元素下的第index个子元素或者奇偶元素,index从1算起
  • :first-child ,每个父元素的第一个元素;
  • :last-child , 每个父元素的最后一个元素;
  • :only-child,元素只有一个子元素时候被匹配。
时间: 2024-11-06 03:49:42

jquery笔记(选择器)的相关文章

jQuery笔记(一)jQuery选择器

一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 二.Dom对象与jQuery对象的转换 (1) Dom转jQuery包装集 ($(Dom)) 如果要使用jQuery提供的函数,  就要首先构造jQuery包

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax

jQuery学习笔记——jQuery常规选择器

一.简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了.#box {//使用 ID 选择器的 CSS 规则color:red;//将 ID 为 box 的元素字体颜色变红}在 jQuery 选择器里,我们使用如下的方式获取同样的结果:$('#box').css('color', 'red

HTML 学习笔记 JQuery(选择器)

学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地方能够迅速找到.今天也是站在前辈大神的肩膀上学习JQuery. 1.属性选择器 属性选择器的语法 jQuery( "[attribute|='value']" ) attribute: 一个属性名. value: 一个属性值,引号是可选的. 可以是一个不带引号的一个单词或带一个引号的字符串

锋利的Jquery学习笔记之Jquery的选择器

Jquery的选择器分为:基本选择器,层次选择器,过滤选择器和表单选择器. 1.基本选择器 基本选择器是Jquery中最常用的选择器,也是最简单的选择器. 2.层次选择器 如果想通过DOM之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和同辈元素等,那么层次选择器是一个非常好的选择. 在层次选择器中,第一个和第二个选择比较常用,而后面两个在JQuery里可以用更加简单的方法代替,所以使用的几率相对较小. 3.过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤

前端:jQuery笔记

前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回. 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个. 缺点:会长期占用一个Asp...阅读全文 posted @ 2015-02-10 12:01 逆心 阅读(1072)

谜一样的jquery之$选择器

jquery是一个强大的js类库,提供了很多便利的操作方法并兼容不同的浏览器,一旦使用便欲罢不能,根本停不下来,今天我们就来解读一下这个神秘的jquery源代码. 前几天思考再三,自己尝试着封装了一下jquery的$选择器,然而并不完善,我只对id,class,和标签选择器进行了封装,发现其实如果实现浅层的封装那么我们很容易就能够实现,但是一旦我们尝试着选择器的层次嵌套就会出来很多大大小小的坑! 下面我们先来看一下我个人封装的jquery的选择器部分. window.$ = function (

jquery颜色选择器

本站下载 第二种:纯JAVASCRIPT: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2311"> <title>DW调色板</title> <script> var ColorHex=new Array('00','33','66','99','CC','FF') var SpColo

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

1 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 2 3 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 4 $("div") 选择所有的div标签元素,返回div元素数组 5 $(".myClass") 选择使用myClass类的css的所有元素 6 $("*") 选择文档中的所有的元素,可