首页 > 代码库 > 锋利的jquery学习笔记

锋利的jquery学习笔记

1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中

if($("#tt")){}
View Code

而是通过:

if($("#tt").length > 0){}
View Code

ps:当页面中不存在id为tt的元素时,jQuery不会报错,而js中会报错

2. jQuery层选择器$("ancestor descendant")和$("parent>child")

<div>This is <strong>very</strong> important.</div><div>This is <em>really <strong>very</strong></em> important.</div>
View Code

好比一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。

总结:后代元素包括子元素,子元素是指父亲的第一代。

3. jQuery选择器的种类

  3.1 基本选择器

  3.2 层次选择器

  3.3 过滤选择器

    3.3.1 基本过滤选择器

        $("div:first") 选择第一个div;$("div:last")选择最后一个div;$("input:not(.myclass)")选择类不是myclass的input;$("input:even")选择索引为偶数的

                     input ;$("input:odd")选择索引为奇数的input;$("input:eq(1)")选择索引等于1的input元素;$("input:gt(1)")选择索引大于1input;$("input:lt(1)"

                     选择索引小于1的input

  3.4 表单选择器

  

锋利的jquery学习笔记