博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery学习笔记开篇
阅读量:7079 次
发布时间:2019-06-28

本文共 1405 字,大约阅读时间需要 4 分钟。

开始学习人见人爱花见花开的jQuery。

jQuery是一个轻量级,快速简洁的javascript框架。它的官方网址是(
)。jQuery的优点是它容量小巧,简洁和简短的语法,容易记;开发者能更方便地处理dom,独特的链式代码风格,强大的事件、样式支持,强大的AJAX功能,易于扩展,插件丰富等。目前它的最新版本为 jQuery 1.3.1(
),读者可自行下载试用。 

在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,如需转载请自行联系原作者

你可能感兴趣的文章
Gearman 基础 以及 Gearman 使用举例
查看>>
什么是BGP?使用BGP方案有什么优点
查看>>
Windows唤出桌面图标设置
查看>>
宿主机与虚拟机的相互通信
查看>>
C4D操作 延迟 ,卡顿罕见状况解决方案。
查看>>
文档linux1.2
查看>>
CentOS下如何完全卸载MySQL?解决卸载不干净的问题
查看>>
SHOW PROCESSLIST
查看>>
教你如何开启/关闭ubuntu防火墙
查看>>
一线 IT 公司开发转管理,我是怎么从 0 到 1 的?
查看>>
linux快捷键
查看>>
CAPP集成化工艺设计与管理系统
查看>>
java.util.concurrent.atomic.AtomicReference 源码
查看>>
Windows优化大师下载| Windows优化大师下载
查看>>
什么方法把文字转语音
查看>>
怎么在视频中截取音频作为手机铃声?
查看>>
在 Android 中使用 JNI 的总结
查看>>
Nginx之一:Nginx的编译安装
查看>>
CentOS光盘源YUM配置
查看>>
Shell脚本添加用户
查看>>