jQuery学习笔记开篇

简介:
开始学习人见人爱花见花开的jQuery。
jQuery是一个轻量级,快速简洁的javascript框架。它的官方网址是( http://jquery.com/ )。jQuery的优点是它容量小巧,简洁和简短的语法,容易记;开发者能更方便地处理dom,独特的链式代码风格,强大的事件、样式支持,强大的AJAX功能,易于扩展,插件丰富等。目前它的最新版本为 jQuery 1.3.1( http://jqueryjs.googlecode.com/files/jquery-1.3.1.js ),读者可自行下载试用。 
在jQuery的官网上,赫然写着“jQuery is designed to change the way that you write JavaScript.”。可想而知,熟悉直接写javascript的朋友们如果选择jQuery,可能不得不学习jQuery自己独特的那一套规则了。下面我们看一个jQuery使用的小例子:
复制代码
< script  type ="text/javascript" >    
    $(document).ready(
function (){
        $(
" a " ).click( function () {
        alert(
" This is a jQuery test! " );
   });
});
< script >
复制代码
说明:上边代码的效果是点击dom文档中所有a标签时将弹出对话框"This is a jQuery test.". ("a")jQuery("a")是一个jQuery选择器, 本身表示一个jQuery类,所有 ()jQuery,click();()是构造一个jQuery对象,click()是这个对象的方法;同理 (document)也是一个jQuery对象,ready(fuc)是 (document)document(documentjQuerydom)(document)的方法,表示当document全部下载完毕时(document全部下载完毕是必须的,否则jQuery可能找不到dom中对应元素)执行函数。对于 ,其实等价于“jQuery”,可以将上面示例中的$替换成jQuery,大家可以比较一下运行结果。
复制代码
< script  type ="text/javascript" >    
    jQuery(document).ready(
function (){
         jQuery(
" a " ).click( function () {
        alert(
" This is a jQuery test! " );
   });
});
< script >
复制代码
ps:以后用到jQuery的地方,默认都已经引入了我们已经下载的jQuery的js文件jquery-1.3.1.js(可能写成这样: <script src="js/jquery-1.3.1.js" type="text/javascript"></script>),以后不再多做说明。

(准备把jQuery学习笔记写成一个系列。下篇主要讲解jQuery的核心部分,包括语法,原理和实际操作的实例。)










本文转自JeffWong博客园博客,原文链接:http://www.cnblogs.com/jeffwongishandsome/archive/2009/08/07/1530593.html,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
JavaScript 前端开发 Windows
jQuery权威指南学习笔记
jQuery权威指南学习笔记
|
8月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
9月前
|
JavaScript 前端开发 Java
HTML+CSS+JS 学习笔记(四)———jQuery
HTML+CSS+JS 学习笔记(四)———jQuery
|
JavaScript 前端开发 索引
JavaScript学习笔记(五) jQuery
JavaScript学习笔记(五) jQuery
70 0
|
Web App开发 JavaScript 前端开发
jQuery学习笔记——jQuery基础
什么是jQuery?jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less,do more”,倡导用更少的代码,做更多的事情。通过这段时间的学习,我感觉jQuery是一个“语法糖”,就像是包在糖果外面的包装,让js看起来更好看。
104 0
|
JavaScript 前端开发 API
jquery学习笔记
1.jquery是一个框架,是javasript框架。 2.jquery能做什么? *取得页面中元素,遍历DOM(document object model文档对象模型)树,jquery为了准确的获取需要检查活操纵的文档元素,提供了可靠而富有效率的选择符机制。
63 0
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(二)
html+css+js+jQuery学习笔记
149 0
html+css+js+jQuery学习笔记(二)
|
前端开发 测试技术
html+css+js+jQuery学习笔记(一)
html+css+js+jQuery学习笔记
108 0
html+css+js+jQuery学习笔记(一)
|
Web App开发 JSON JavaScript
html+css+js+jQuery学习笔记(三)
html+css+js+jQuery学习笔记
102 0
html+css+js+jQuery学习笔记(三)
|
JavaScript 前端开发 开发者
最好不用 jquery |学习笔记
快速学习 最好不用 jquery
136 0