Jquery学习心得

Jquery学习笔记

Jquery 学习笔记--方法大集合【转载】

2009-02-25 10:40

本笔记翻译自：可视JQuery

1.$()的用法

1.1 $(html) ＝>根据ＨＴＭＬ参数动态建立一个jquery对像

例子：$(”

body的element中去

1.2 $(element) =>把节点对像转化成一个jquery对像

例子:$(document.body).background( “black” );

1.3 $(function) =>是$(doucment).ready()的快捷键．当页面加载结束后才会执行function．

$(function)可以调用多次，相当于绑定多个$(function)

eg: $(function(){

//document is ready

})

1.4 $(expr,context)=>在一定的范围（context）内根据搜索条件(expr)搜索出jQuery对像

eg: 1. $(’span>p’) :找出所有span中的p结点．

2.$(’input:radio’,document.forms[0])搜索出第一个表单中的radio

2. $.extend(prop)向jquery命名空间中添加方法,用此方法可以方便的对jquery进行扩展

$.extend({

min: function(a, b) { return a < b ? a : b; },

max: function(a, b) { return a > b ? a : b; }

});

alert($.min(3,6)); //显示3 alert($.max(3,6));//显示6

3. $.noConflict() 取消$代替jQuery.

例如:

jQuery.noConflict(); // Do something with jQuery

jQuery(”div p”).hide();

学习好资料 欢迎下载

1、jquery和javascript严格区分大小写；

$代表jquery，如$（document）.ready(function(){})

2、jquery.noConflict():该方法使jquery主动放弃$变量的控制权，执行完该方法后，使用变量$将不能再操作jquery核心函数了。

jquery.noConflict(extreme):该方法需要一个布尔型的参数，当参数值为false时，执行效果与无参方法执行效果一样，当参数为true时，jquery类库不但放弃变量$的控制权，而且将会放弃变量jquery的控制权。

3、jquery（）该函数返回一个空的jquery对象

jquery（elements）该函数将一个或多个DOM元素转化为jquery对象（或jquery集合）如jquery（document），另外，这个函数也可以把XML文档和window对象作为有效的参数。

jquery（callback），该函数是jquery（document）.ready(callback)的简写，该函数将绑定一个在DOM文档载入完成之后执行的函数。页面中所有需要在DOM加载完成时执行的jquery操作，都需要包含在这个函数中。开发人员可以在一个页面中使用任意多个jquery（document）.ready事件。

jquery（expression,[context]）:该函数接收一个包含jquery选择器的字符串，然后利用这个字符串去匹配一个或多个元素，jquery中的操作都需要使用jquery对象，所以jquery的一切操作都要基于这个函数，或者以某种方式使用这个函数，context是可选参数，如果没有指定context参数，jquery函数将在当前的HTML文档中查找DOM元素，如果指定了context参数，就会在这个context中查找。

jquery（html）：该函数根据提供的HTML标记代码，动态创建由jquery对象封装的DOM元素，如jquery（“

1,Jquery是一个javascript框架或者叫做javascript库；

2，用Ajax我们可以给服务器发送一个请求，服务器可以给我回送一个请求；

3，出现javascript框架的根本原因就是为了提高开发者的开发效率；

4，jquery是一个轻量级的js库（压缩后只有21K），这是其他的js库所不及的，它兼容CSS3，还兼容各种浏览器；

5，JQuery是一个快速的，简洁的javascript库，使用户能更方便的处理HTML

document,events,实现动画效果，并且方便的为网站提供AJAX交互；

6，JQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。

7，jquery能够使用户的html页保持代码和html内容的分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可；

8，所谓的库就是提供一些现成的方法供你去调用；

9，当前流行的javascript库有：

Jquery ，MooTools，Prototype，Dojo，YUI,EXTJS,DWR[主要是运行在服务器上的];

10，$(document) //---这个表示一个jquery对象；

11，如果使用jquery，则需要引入jquery库

12,jquery对象就是对dom对象的一系列包装，它包装完成后，就可以使用jquery对象提供的方法来进行操作；

13，在使用jquery开发中，有两种对象，1，jquery对象，2，dom对象，如果是jquery对象则只能使用jquery库提供的方法，如果是dom对象，则只能使用js本身提供的方法；

14，分析jquery库文件的运行原理：

15,因为jquery兼容各大浏览器，所以这就是为什么它这么流行；

16，jquery对象就是通过jQuery包装DOM对象后产生的对象。

jquery对象时jQuery独有的，如果一个对象是jquery对象，那么它就可以使用jquery里的方法：$("#test").html();

15个值得开发人员关注的jQuery开发技巧和心得

专门多jQuery开发人员可能不明白开发技巧，下面笔者总结了15个值得开发人员关注的jQuery开发技巧和心得，供大伙儿学习和参考，期望对开发人员有所关心：

1. 尽量使用最新版本的jQuery类库

jQuery项目中使用了大量的创新。最好的方法来提升性能确实是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来讲唯独要干的确实是修改tag，何乐而不为呢？

我们也能够使用免费的CDN服务，例如， Google来存放jQuery类库。

2. 使用简单的选择器

然而，我们应该幸免使用复杂的选择器返回元素。更不用讲专门多用户使用老版本的扫瞄器，强迫jQuery去处理DOM树。那个方式专门慢。

$('li[data-selected="true"] a') // Fancy, but slow

$('li.selected a') // Better

$('#elem') // Best

选择id是最快速的方式。如果你需要使用class名称， 那么你最好带上tag名称，如此会更快些。专门是在老扫瞄器和移动设备上。

访咨询DOM是javascript应用最慢的方式 ，因此尽量少使用。使用变量去储存选择器，如此会使用cache来储存。性能更好。

var buttons = $('#navigation a.button'); // Some prefer prefixing their

jQuery variables with $: var $buttons = $('#navigation a.button');

另外一个值得做的是jQuery给了你专门多的额外便利选择器 ，例如，:visible，:hidden，:animated还有其它，这些不是合法的CSS3选择器。结果是你使用这些类库就不能有效地利用querySelectorAll()方法。为了补偿那个咨询题，你需要先选择元素，再过滤，如下：