随笔 - 268  文章 - 0  评论 - 1028  阅读 - 160万

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本身表示一个jQuery类,所有()jQuery,click();(document)也是一个jQuery对象,ready(fuc)是(document)document(documentjQuerydom),其实等价于“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的核心部分,包括语法,原理和实际操作的实例。)

posted on   JeffWong  阅读(737)  评论(3编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
< 2009年8月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

I know how to make it works and I want to know how it works.
点击右上角即可分享
微信分享提示