一、理论
Jquery是轻量级的语言,它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等,总之一句话:jquery是写的代码少,而实现的功能多。
二、简述
使用jquery之前必须先引入jquery的js文件,如下:
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码,他们之间的不同点是:window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法,不加载外部的引用文件。
3、DOM对象 是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。
DOM对象转换成Jquery对象的方式:var $document=$(document)($是jQuery的别名),对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。
Jquery对象转换成DOM对象的方式: var domObject = $("#thed")[index]或 var domObject = $("#thed").get(index)
三、jquery中的选择器
基本
* 匹配所有的元素
.className匹配所有的className相同的元素
#idName 匹配idName的元素
, 用英文逗号区分并列的关系
Element 直接写element的名字,如:$(tr),并匹配所有的element
层级
Space 表示祖先与子孙的关系
> 表示父亲与孩子的关系
+ 表示自己的下一个关系
~ 表示自己的下一个兄弟的关系
简单
:equest(index) 返回匹配一个给定索引值的元素
:frist() 返回匹配找到的第一个元素
:last() 返回匹配找到的最后一个元素
:gt(index) 返回匹配所有大于给定索引值的元素
:lt(index) 返回匹配所有小于给定索引值的元素
:even 匹配所有索引值为偶数的元素,从 0 开始计数
:odd 匹配所有索引值为奇数的元素,从 0 开始计数
:header 匹配如 h1, h2, h3之类的标题元素
:not(selected) 删除与指定表达式匹配的元素
分享到:
相关推荐
### jQuery基础知识总结 #### 一、简介 jQuery是一款流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画操作以及Ajax交互等操作。通过一个干净简洁的API,jQuery能够帮助开发者更容易地处理HTML文档,并且...
### jQuery知识点总结 #### 一、简介与基本用法 jQuery 是一款轻量级的 JavaScript 库,极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。它采用直观的语法,使得开发者能够快速地完成网页开发...
jquery
**JavaScript基础知识** 1. **变量和数据类型**:JavaScript支持var、let和const声明变量,数据类型包括基本类型(如字符串、数字、布尔、null和undefined)和引用类型(如对象和数组)。 2. **控制流**:包含条件...
### jQuery常用知识点总结以及平时封装常用函数 jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过封装和简化DOM操作、事件处理、动画和Ajax交互,极大地提升了网页开发的效率。本文将详细介绍jQuery中的...
以下是对jQuery知识点的详细总结: ### 一、获取元素 #### 1. 选择器 - **基本选择器**:`$("#id")`, `$(".class")`, `$("tag")`, `$("selector1, selector2")` 用于根据ID、类名、标签名或多个选择器组合选取元素...
### Jquery知识点总结 #### 一、Jquery简介与学习流程 JQuery 是一款轻量级的 JavaScript 库,它的宗旨是“write less, do more”(写得更少,做得更多)。它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互...
在本文中,我们将深入探讨 jQuery 的基础知识点,包括 jQuery 入口函数与 JavaScript 入口函数的区别、jQuery 对象与 DOM 对象的相互转换以及 jQuery 的选择器。 1. **jQuery 入口函数与 JavaScript 入口函数的区别...
总结了从jquery基础到重点的知识点,可方便大家从了解到熟练jquery,可参考其中来巩固。
总结,Ajax和jQuery在Web开发中起到了关键作用,它们极大地提高了网页的动态性和交互性。学习和掌握这些技术,对于任何Web开发者来说都是必要的。通过使用jQuery,我们可以更高效、更优雅地实现Ajax功能,提高开发...
本文将深入探讨"jQuery标签切换"这一关键知识点,这在网页交互设计中尤其常见,用于实现诸如轮播图、选项卡等功能。 首先,我们需要理解jQuery的核心概念。jQuery对象是jQuery库中的核心,它可以代表一个或多个DOM...
jquery中的知识点总结,零基础也可以看懂
jQuery基础知识点总结(DOM操作) 在现代网页开发中,jQuery凭借其简洁的语法和强大的功能,成为了一个不可或缺的JavaScript库,尤其在进行DOM操作时,jQuery提供了统一而方便的接口,极大简化了DOM元素的样式和类的...
8. JQurey总结:jQuery是一个轻量级的JavaScript库,简化了DOM操作,事件处理,动画和Ajax交互。它的选择器语法使得HTML元素的操作变得简单。 数据交换篇: 9. XML和Json的特点:XML是一种结构化数据格式,主要用于...
### jQuery入门基础知识详解 #### 一、jQuery简介与特点 **jQuery** 是一款非常流行的 JavaScript 库,它的设计目标是让 Web 开发变得更加简洁高效。根据文档中的介绍,我们可以了解到以下几点关键信息: 1. **...
提供的总结文档将对以上内容进行归纳和提炼,帮助开发者巩固理解,快速查找和应用知识点。结合实例,能更好地理解和运用 jQuery,提高开发效率。 总之,jQuery 全集的学习涵盖了从基础操作到高级应用的各个方面,...
以下是对JavaWeb知识点的详细总结: 1. **Servlet**: Servlet是Java Web应用的基础,它是Java编写的应用程序,用于扩展服务器的功能。通过实现Servlet接口或继承HttpServlet类,我们可以处理HTTP请求并生成响应。 ...