码迷,mamicode.com
首页 > Web开发 > 详细

JQuery

时间:2018-06-04 21:28:41      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:处理   搜索   偶数   ajax   eset   操作   AC   包含   not   

一、什么是JQuery

Jquery是一个javascript函数库。

Jquery是轻量级,不影响网页加载速度。

Jquery的功能有:

。HTML元素选取

。HTML元素操作

。CSS操作

。HTML事件函数

。javascript特效和动画

。HTML DOM遍历和修改

。AJAX

。Utilities

二、JQuery内容

1、选择器

2、筛选器

3、样式操作

4、文本操作

5、属性操作

6、文档操作

7、事件

8、动画效果

9、插件

10、each、data、AJAX

官方文档地址:http://jquery.cuishifeng.cn/

三、JQuery对象

Jquery对象就是jquery包装DOM对象后产生的对象。Jquery对象是jquery独有的。DOM对象是DOM独有的。

Jquery对象的基本语法:

var $d1ELe=$(‘#d1‘).html();

相当于:

var dELe=document.getElementById(‘d1‘).innerHTML;

Jquery转为DOM的方法:

$(‘#d1‘)[0].innerHTML;

  

四、基础语法

$(selector).action()

  

五、查找标签

1.选择器

id选择器:

$(‘#d1‘)

标签选择器:

$(‘div‘)

Class选择器:

$(".nav")

配合使用:

$("div.left-nav")

所有元素选择器:

$("*")

组合选择器:

$("div,.left-nav,ul,li,a")

层级选择器:

$("x y");// x的所有后代y(子子孙孙)

$("x > y");// x的所有儿子y(儿子)

$("x + y")// 找到所有紧挨在x后面的y

$("x ~ y")// x之后所有的兄弟y

基本选择器:

:first // 第一个

:last // 最后一个

:eq(index)// 索引等于index的那个元素

:even // 匹配所有索引值为偶数的元素,从 0 开始计数

:odd // 匹配所有索引值为奇数的元素,从 0 开始计数

:gt(index)// 匹配所有大于给定索引值的元素

:lt(index)// 匹配所有小于给定索引值的元素

:not(元素选择器)// 移除所有满足not条件的标签

:has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)

属性选择器:

$("input[type=‘checkbox‘]");// 取到checkbox类型的input标签

$("input[type!=‘text‘]");// 取到类型不是text的input标签

表单常用筛选器;

:text

:password

:file

:radio

:checkbox

:submit

:reset

:button

表单对象属性:

:enabled

:disabled

:checked

:selected

筛选器

下一个:

$("#id").next()

$("#id").nextAll()

$("#id").nextUntil("#i2")

上一个;

$("#id").prev()

$("#id").prevAll()

$("#id").prevUntil("#i2")

父元素:

$("#id").parent()

$("#id").parents()  // 查找当前元素的所有的父辈元素

$("#id").parentsUntil() // 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。

子元素和兄弟元素:

$("#id").children();// 儿子们

$("#id").siblings();// 兄弟们

查找元素:

$("#id").find()// 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法

补充:(用法:$("#id").first())

.first()// 获取匹配的第一个元素

.last()// 获取匹配的最后一个元素

.not()// 从匹配元素的集合中删除与指定表达式匹配的元素

.has()// 保留包含特定后代的元素,去掉那些不含有指定后代的元素。

六、操作标签

样式操作

样式类:

addClass();// 添加指定的CSS类名。

removeClass();// 移除指定的CSS类名。

hasClass();// 判断样式存不存在

toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。

  

JQuery

标签:处理   搜索   偶数   ajax   eset   操作   AC   包含   not   

原文地址:https://www.cnblogs.com/qiaoqianshitou/p/9134207.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!