首页域名jquery参考手册?jquery中文手册

jquery参考手册?jquery中文手册

编程之家2026-05-171131次浏览

今天给各位分享jquery参考手册的知识,其中也会对jquery中文手册进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

jquery参考手册?jquery中文手册

jquery选中元素使用哪些选择器

jQuery的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

基本选择器:

$("#myELement")选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

$("div")选择所有的div标签元素,返回div元素数组

$(".myClass")选择使用myClass类的css的所有元素

$("*")选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")

jquery参考手册?jquery中文手册

层叠选择器:

$("form input")选择所有的form元素中的input元素

$("#main>*")选择id值为main的所有的子元素

$("label+ input")选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素

$("#prev~ div")同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

3.基本过滤选择器:

jquery参考手册?jquery中文手册

$("tr:first")选择所有tr元素的第一个

$("tr:last")选择所有tr元素的最后一个

$("input:not(:checked)+ span")

过滤掉:checked的选择器的所有的input元素

$("tr:even")选择所有的tr元素的第0,2,4......个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)

$("tr:odd")选择所有的tr元素的第1,3,5......个元素

$("td:eq(2)")选择所有的td元素中序号为2的那个td元素

$("td:gt(4)")选择td元素中序号大于4的所有td元素

$("td:ll(4)")选择td元素中序号小于4的所有的td元素

$(":header")

$("div:animated")

4.内容过滤选择器:

$("div:contains('John')")选择所有div中含有John文本的元素

$("td:empty")选择所有的为空(也不包括文本节点)的td元素的数组

$("div:has(p)")选择所有含有p标签的div元素

$("td:parent")选择所有的以td为父节点的元素数组

5.可视化过滤选择器:

$("div:hidden")选择所有的被hidden的div元素

$("div:visible")选择所有的可视化的div元素

6.属性过滤选择器:

$("div[id]")选择所有含有id属性的div元素

$("input[name='newsletter']")选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']")选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']")选择所有的name属性以'news'开头的input元素

$("input[name$='news']")选择所有的name属性以'news'结尾的input元素

$("input[name*='man']")选择所有的name属性包含'news'的input元素

$("input[id][name$='man']")可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

7.子元素过滤选择器:

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n+ 1)")

$("div span:first-child")返回所有的div元素的第一个子节点的数组

$("div span:last-child")返回所有的div元素的最后一个节点的数组

$("div button:only-child")返回所有的div中只有唯一一个子节点的所有子节点的数组

8.表单元素选择器:

$(":input")选择所有的表单输入元素,包括input, textarea, select和 button

$(":text")选择所有的text input元素

$(":password")选择所有的password input元素

$(":radio")选择所有的radio input元素

$(":checkbox")选择所有的checkbox input元素

$(":submit")选择所有的submit input元素

$(":image")选择所有的image input元素

$(":reset")选择所有的reset input元素

$(":button")选择所有的button input元素

$(":file")选择所有的file input元素

$(":hidden")选择所有类型为hidden的input元素或表单的隐藏域

9.表单元素过滤选择器:

$(":enabled")选择所有的可操作的表单元素

$(":disabled")选择所有的不可操作的表单元素

$(":checked")选择所有的被checked的表单元素

$("select option:selected")选择所有的select的子元素中被selected的元素

jquery要掌握哪些重点

我觉得吧,jquery掌握以下几个够用了:

1、$函数。这个是jquery的基础,必须的。要掌握$选择标签,以及如何创建标签。

2、节点查找。找兄弟节点,父辈节点,子节点,子孙节点

3、操作样式。css()函数直接操作样式,以及addClass和removeClass

4、操作属性。attr()和prop()函数。

5、获取、更改内容或者值。html()和val()

6、ajax相关。

7、事件。on()函数,hover()。尤其是on(),掌握静态标签添加事件和动态生成的标签添加事件。

8、动画效果。基础的隐藏显示函数以及animate

9、DOM操作。添加标签的各种方式,删除标签的方法。

限于篇幅,不一一细讲。具体可以看看jquery的参考手册。最好多找几个例子模仿,做做。

怎么样才能把jquery学好

从零开始学习jQuery(一)开天辟地入门篇

从零开始学习jQuery(二)万能的选择器

从零开始学习jQuery(三)管理jQuery包装集

从零开始学习jQuery(四)使用jQuery操作元素的属性与样式

从零开始学习jQuery(五)事件与事件对象

从零开始学习jQuery(六) AJAX快餐

从零开始学习jQuery(七) jQuery动画-让页面动起来!

从零开始学习jQuery(九) jQuery工具函数

从零开始学习jQuery(十) jQueryUI常用功能实战

从零开始学习jQuery(十一)实战表单验证与自动完成提示插件

一.摘要

本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍.

本篇文章是入门第一篇,主要是简单介绍jQuery,通过简单示例指导大家如何编写jQuery代码以及搭建开发环境.详细讲解了如何在Visual Studio中配合使用jQuery.

转载请注明子秋出品!博客园首发!

二.前言

首先道个歉!"从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了,原因就是最近我一直在研究和学习jQuery.看到本系列的名称和文章标题,看过我的MVC系列文章的人会感到很熟悉.不久要给公司的人做培训,所以特意制作了本教程.

在写作的同时我参考了网上jQuery的系列教程文章,在博客园和Google上并没有找到让我满意的系列教程.我喜欢将知识系统的,深入浅出的讲解.不喜欢写那种"学习笔记"式的文章.同时本系列将很快全部写完(有工作压力就是有动力),随后如果时间允许我会继续更新MVC系列文章.再一次对等待MVC文章的朋友们说声抱歉!

另外本系列文章的大部分知识点来源于图灵出版社的"jQuery实战"一书.推荐大家购买此书,是jQuery书籍中的经典之作.

下面让我们开始jQuery之旅.

三.什么是jQuery

jQuery是一套Javascript脚本库.在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库,我们将一些工具方法或对象方法封装在类库中,方便用户使用.

注意jQuery是脚本库,而不是脚本框架."库"不等于"框架",比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.

脚本库能够帮助我们完成编码逻辑,实现业务功能.使用jQuery将极大的提高编写javascript代码的效率,让写出来的代码更加优雅,更加健壮.同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了.

创建一个ASP.NET MVC项目时,会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等.

jQuery有如下特点:

1.提供了强大的功能函数

使用这些功能函数,能够帮助我们快速完成各种功能,而且会让我们的代码异常简洁.

2.解决浏览器兼容性问题

javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦,常常一个页面在IE7,Firefox下运行正常,在IE6下就出现莫名其妙的问题.针对不同的浏览器编写不同的脚本是一件痛苦的事情.有了jQuery我们将从这个噩梦中醒来,比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的,从前要根据event获取事件触发者,在ie下是event.srcElements而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象.

3.实现丰富的UI

jQuery可以实现比如渐变弹出,图层移动等动画效果,让我们获得更好的用户体验.单以渐变效果为例,从前我自己写了一个可以兼容ie和ff的渐变动画,使用大量javascript代码实现,费心费力不说,写完后没有太多帮助过一段时间就忘记了.再开发类似的功能还要再次费心费力.如今使用jQuery就可以帮助我们快速完成此类应用.

4.纠正错误的脚本知识

这一条是我提出的,原因就是大部分开发人员对于javascript存在错误的认识.比如在页面中编写加载时即执行的操作DOM的语句,在HTML元素或者document对象上直接添加"onclick"属性,不知道onclick其实是一个匿名函数等等.拥有这些错误脚本知识的技术人员也能完成所有的开发工作,但是这样的程序是不健壮的.比如"在页面中编写加载时即执行的操作DOM的语句",当页面代码很小用户加载很快时没有问题,当页面加载稍慢时就会出现浏览器"终止操作"的错误.jQuery提供了很多简便的方法帮助我们解决这些问题,一旦使用jQuery你就将纠正这些错误的知识--因为我们都是用标准的正确的jQuery脚本编写方法!

5.太多了!等待我们一一去发现.

END,本文到此结束,如果可以帮助到大家,还望关注本站哦!

html编辑器在线 网站生成器在线制作c语言的入门知识,‖c语言怎么用