jquary

2024-10-08 23:08:12

1 定义： jquary是快速简介的Javascrīpt框架

2 分类： 1） .js类源代码的未压缩的可以进行更改的jquary

2） min.js类为提升运行速度而压缩的jquary 一般引用此类

3 引用：添加新文件夹 jquary ; 将jquary文件复制到文件夹中，然后再拖到js之前；

4 基本选择器： 1) id =id1 id选择器获取： $ （'# id1'）

2) class=div1 class选择器获取： $ (".div1")

3) 标签标签 $ ('标签名') 例如：$("div")

5 组合选择器：并列选择器用，隔开例：$('#id1,div1') 就是给 class选择器为div1和div2的赋事件

后代选择器用空格隔开例 $('.div1 .div2') 就是给 div1里含有div2的class选择器为div2的赋事件

6 过滤选择器： 1 首个用first 例 $('.div1：first') 从一堆div1 class选择器里选第一个

2 尾个用last $('.div1：last') 从一堆div1 class选择器里选最后一个

3 等于用eq $('.div1：eq（1）') 从一堆div1 class选择器里选eq索引的哪一个

4 大于用gt $('.div1：gt（1）') 从一堆div1 class选择器里选gt索引的哪一个，后边的选择器为div1

5 等于用it $('.div1：it（2）') 从一堆div1 class选择器里选gt索引的哪一个，前边的选择器为div1

6 排除用not $('div1：not(#id1 )') 从一堆div1选择器里排除掉有id选择器为id1的div1选择器

7 奇数用odd $('div1：odd )') 从一堆div1选择器里选择索引值为奇数的div1选择器

8 偶数用even $('div1：even )')

9 属性名过滤 1) 有属性名 $('.div1[type-data]') 从一堆div1选择器里选择有属性type-data的选择器

2）属性名没有或不是 $('.div1:not(.div1[type-data])') 从一堆div1选择器里选择没有属性type-data的选择器

10 属性名与值过滤属性名=值 $(.div1[type-data])

最新文章

热门文章