锋利的jQuery——选择器

  基本选择器:id为one的元素      $("#one")

        class为one的元素      $(".one")

        div元素(标签)   $("div")

  层次选择器:$("a b")   选取a元素里所有b(所有后代)元素

        $("a >b")   选取a元素里b(子元素)

        $("a+b")   选取紧跟在a元素后的b元素    等同于     $("a").next("b")

        $("#two~div")  选取id为two元素后面所有的<div>同辈元素 等同于$("#two").nextAll("div")

  基本过滤选择器: $("div:first") 选取所有<div>元素中第一个<div>元素

           $("div:last") 选取所有<div>元素中最后一个<div>元素

          $("input:not(.myClass)")选取class 不是myClass的<input>元素

          $("input:even")选取索引是偶数的<input>元素(索引从0开始)

          $("input:odd")选取索引是奇数的<input>元素(索引从0开始)

时间: 2024-09-30 19:41:53

锋利的jQuery——选择器的相关文章

锋利的JQuery —— 选择器

大图戳地址:http://images.cnblogs.com/cnblogs_com/xing901022/765052/o_JQuery%E9%80%89%E6%8B%A9%E5%99%A8.png

锋利的jQuery读书笔记---选择器

前段时间入手了锋利的jQuery(第二版),想着加强下自己的js能力,可前段时间一只在熟悉Spring和Hibernate.最近抽时间开始读这本书了,随便也做了些记录. 读书的过程是边看边代码测试,所以笔记和代码也就写到一起了.下面是选择器的记录: <!DOCTYPE html> <html> <head lang="zh"> <meta charset="UTF-8"> <script type="t

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

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro

【学习笔记】锋利的jQuery(一)选择器

一.要点阐述 1,jQuery创建于2006年1月的一个开源项目,强调理念是“write less,do more”,压缩后大小30KB左右.. 2,jQuery里的方法都被设计程自动操作对象集合,而非单独的对象. 3,jq对象是jq对DOM对象进行包装后产生的对象,是一个类似数组的对象,可用[0]或get(0)方法转成DOM对象. 二.jQuery和其他js库的冲突解决 //jq库在其他库之前导入时需调用noConflict() 方式1(jQuery代替$): jQuery.noConflic

jQuery选择器集锦(读《锋利的jQuery(第二版)》所摘)

jQuery选择器分为基本选择器.层次选择器.过滤选择器和表单选择器. 过滤选择器可以分为基本过滤.内容过滤.可见性过滤.属性过滤.子元素过滤和表单对象属性过滤选择器. $("input:not(.myClass)")选取class不是myClass的<input>元素. $("input:even")选取索引是偶数的<input> 元素 $(":header")选取网页中所有的<h1>,<h2>,

jQuery选择器和DOM操作——《锋利的jQuery》(第2版)读书笔记1

第1章 认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: 隐式迭代: 行为层与结构层的分离: 丰富的插件支持: 完善的文档: 开源. jQuery对象就是通过jQuery包装DOM对象后产生的对象. 在jQuery对象中无法使用DOM对象的任何方法.同样,DOM对象也不能使用jQuery里的方法. jQuery对象和DOM对象的相互转换        如果

复选框的全选(引自锋利的jQuery)

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta name="generator" content="text/html" charset="utf-8" /> 5 <title>复选框组的全选/非全选</title> 6 <script

输出选中的复选框的个数(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>输出选中的复选框的个数</title> <script src="jquery-1.7.1.min.js" typ

《锋利的Jquery》

一.Js及库的异同和作用. 1.JQuery的代码风格: 链式操作风格.对于同一对象操作不超过三个,可以写成一行:对于较多操作的对象,每行一个操作:对于多对象少量操作,可以每个对象些一行,子对象缩进: 代码注释.//..... 2.JQuery对象和DOM对象: JQuery对象和DOM对象之间的转化.var $cr=$("#cr")----->var cr=$cr[0]; DOM对象和JQuery对象之间的转化.$()包起来: JQuery判断:is(":checke