《锋利的Jquery》

最新推荐文章于 2024-09-05 12:53:01 发布

weixin_30951743

最新推荐文章于 2024-09-05 12:53:01 发布

阅读量69

点赞数

原文链接：http://www.cnblogs.com/beesky520/p/3832944.html

版权

本文详细介绍了JavaScript及其库的异同与作用，重点探讨了jQuery的代码风格、对象转化、选择器、DOM操作、事件与动画等内容，以及如何解决与其他库的冲突。文章还覆盖了文本框、下拉框、复选框、表格变色、AJAX等高级应用，为开发者提供了全面的指南。

摘要由CSDN通过智能技术生成

一.Js及库的异同和作用。

1.JQuery的代码风格：

链式操作风格。对于同一对象操作不超过三个，可以写成一行；对于较多操作的对象，每行一个操作；对于多对象少量操作，可以每个对象些一行，子对象缩进；

代码注释。//.....

2.JQuery对象和DOM对象：

JQuery对象和DOM对象之间的转化。var $cr=$("#cr")----->var cr=$cr[0];

DOM对象和JQuery对象之间的转化。$()包起来；

JQuery判断：is(":checked"){... ...}；

3.解决JQuery与其他库的冲突： （待查）

4.插件

Aptana

EditorPlus

二.选择器。

1.css选择器

类选择器。div.myClass{... ...}；

群组选择器。div.myClass，h1,h2,h3,p{... ...}；

后代选择器。div.myClass ul li{... ...}

通配选择符。*{... ...}

伪类选择器。:nth-child；

2.JQuery选择器

基本选择器。$("#test"){... ...};$(".test"){... ... };$("*"){... ...};

层次选择器。$（div span"){... ... }所有的;$（div >span"){... ... }特定的；$（.one +div"){... ... }下一个div的同辈元素；$（.two ~div"){... ... }后的所有div元素；

过滤选择器。

a.基本过滤：first；：last; :even; :odd; :not(selector);$("input:gt(1)")//lt小于; ：header；:animated//正在动画的所有元素; ：focus//当前聚焦的所有元素；

b.内容过滤：:contain（text）；:empty； :has(selector) ; :nth-child(n); $("div:has(p)"); $("div:parent);

c.可见性过滤 :hidden;:visiable;

d.属性过滤器 [];$("div[id]");

e.子元素过滤 :nth-child;only-child; :nth-child(odd); :nth-child(even);

f.表单对象属性过滤选择器 :enabled; selected; :checked;disabled;:reset

表单选择器。

:input; :checkBox; :file; :image;

三.DOM操作。

DOM核心

HTML-DOM

CSS-DOM

四.JQuery事件和动画。

a.JQuery事件

1.加载DOM。在JS中通常使用window.onload();网页中所有元素都加载到浏览器中才执行；在Jquery中，使用$(document).ready();方法，这样可以在载入时就可以对其操纵并绑定其所有的函数，并不意味着关联函数被下载运用""。

$.trim("stringsssss");=window.$.trim("stringsssss");=window.jquery("stringsssss");=jquery.trim("stringsssss")

2.事件邦定。

3.改变邦定事件的类型

4.简写邦定事件

5.合成事件 hover（enter，leave）光标悬停事件； toggle （）鼠标连续点击事件；

6.方法

浏览器及特性检测

数组和对象操作

测试操作

字符串操作

URL操作

b.JQuery动画

五.文本框，下拉框，复选框，表格变色

六.AJAX

七.插件

a.表单验证插件

b.表单插件

c.遮罩插件

d.Cookie插件

e.UI插件

八.个性网站

九.JQuery Mobile

十.版本变化

十一.性能优化

转载于:https://www.cnblogs.com/beesky520/p/3832944.html