jquery需要掌握的相关知识
来源:互联网 发布:杭州少儿编程教育推荐 编辑:程序博客网 时间:2024/05/21 11:18
在学jQuery时的一些重要的东西:
在编写js库代码时候,你一定经常和“$”美元符号打交道吧?无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了,但是,它的功能远非如此,瞧瞧以下的jQuery代码,你就会发现它的美丽:
代码 var someElement = $("#myId"); 看起来比其他两个框架的要多了一个#,好,看看下面的用法: 代码 $("div p"); // (1) $("div.container"); // (2) $("div #msg"); // (3) $("table a",context); // (4) 在prototype里看过这样的写法吗?第一行代码得到所有div标签下的p元素。第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table里面所有的链接元素。如果你熟悉CSS,你会觉得这些写法很眼熟!对了。正是。看出奥妙了吧。jQuery就是如此强大,你可以轻易地找到DOM中的任何元素,而这也是jQuery设计之初query的真实含义(查询)。
jQuery对象:
使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分):
代码
var a = $("#cid");
var b = $("<p>hello</p>");
var c = document.createElement("table");
var tb = $(c);
代替body标签的onload
这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码:
代码
$(document).ready(function(){
alert("hello");
});(1)
<body onload="alert('hello');">(2)
<body onload="alert('hello');">这里的alert('hello');要等到页面全部加载完毕才执行,注意是全部加载,包括dom,图片等其它资源。
而$(document).ready(function(){
alert("hello");
});(1)
当dom加载完就可以执行了。
代码1同时做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。
当使用jquery时,推荐使用代码1。
- jquery需要掌握的相关知识
- 需要掌握的知识
- 关于内存管理单元需要掌握的相关知识
- ACM需要掌握的知识
- 近期需要掌握的知识
- html5需要掌握的知识
- java需要掌握的知识
- 面试需要掌握的知识
- Jquery需要掌握的技巧
- 学习搜索引擎优化需要掌握的知识
- 软件测试需要掌握的知识体系
- QTP学习需要掌握的知识
- Level Set需要掌握的知识:
- 网页设计需要掌握的SEO知识
- PHP初学者需要掌握的知识
- web测试需要掌握的知识
- 关于域名解析需要掌握的知识
- ACM/ICPC需要掌握的知识[转载]
- SaaS、PaaS和IaaS
- jquery的简单介绍
- Nutch距离一个商业应用的搜索引擎还有多远
- ibatis源码学习
- lk<sid>的探究
- jquery需要掌握的相关知识
- 如何成为一名优秀的C程序员
- sysfs方式实现马达驱动
- suselinux10.0 的安装问题
- HDU3123 GCC(技巧题)
- 《第五周实验报告1-1》---增加构造函数,使对象在定义时能够进行初始化
- Introduction to Nutch, Part 1: Crawling
- U盘安装Redhat5 总结
- Introduction to Nutch, Part 2: Searching