分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JQuery

发布时间:2023-09-06 01:58责任编辑:赖小花关键词:暂无标签

一、什么是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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved