Jquery笔记

JQuery笔记--基础

 

第一部分基本使用

1. $是jQuery的别称和顶级对象

        和DOM对象不同 ，不能相互调用 （jQuery已经封装）

        和DOM可以相互转换

        1）$(dom对象)  不要加''

        2）$('jquery对象')[index].play()  play是DOM方法

 

2. 选择器  

    1）基础选择器：ID选择器 全选选择器  类选择器 标签选择器 并集选择器 交集选择器

    2）层级选择器 子代选择器 后代选择器

    3）隐式迭代（重要）

    4) 筛选选择器

        :first  $('li:fisrt')  选择了li的第一个

        :last

        :eq(index)

        :odd

        :even

    5）筛选方法

        parent()

        children(selector)

        find(selector)  选优后代

        siblings([expr])  兄弟元素

        nextAll([expr])  当前元素后面的兄弟元素

        prevtAll([expr])

        hadClass(class)

        eq(index)

    6)链式编程  节省代码量  注意this对象

        例：$(this).css('color','red').siblings().css('color','')

 

3.样式操作

    1) CSS方法

        $(this).css('width',300)

        $("div").css({

            width:400p,

            height: 300,