最近学习完了jquery攻略这本书,对自己的学习做一下回顾,并写出来,供自己后期查阅。
首先推荐学习jquery的两个网站,http://www.jquery.com/
Jquery攻略系列(1)
Jquery的安装:
开发工具vs2008,首先下载jqurry,到http://jquery.com/网站下载就行,目前版本是1.6的,我用的是1.4的。下载后解压缩,在vs的项目文件夹里面添加js文件夹,然后复制jquery.js到js文件夹。创建demo1.html,然后拖放jquery.js文件到html中的head标签中,当然可以敲代码拉。(呵呵,懒人的办法)
然后添加<script type=”text/javascript”>
$(document).ready(
Function()//dom加载完成,执行函数调用
{
//To do 编写jquery代码
}
)//通知dom就绪的方法。
</script>
选择dom节点:
学习jquery的前提是最好能够对div+css能够熟练,这样上手更快点,css中的id和class是jquery获取dom节点的其中的两种方式
<div id=” a” class=”b”>test for the jquery</div>
<p>hello ,jquery</p>
获取其中的文本的内容的方式
1.$(“#a”).val()
2.$(“.b”).val()
3.$(“div”).val()页面中只有这个一个div。同理获取p中的内容为$(“p”).val().
给相应的dom节点添加css样式
方法addClass()注意大小写。Js方法好像有这么一个特点就是两个单词的后者大写。
Demo:
在样式表中添加css
.c{
Font-size:16px;
}
$(“p”).addClass(“c”);注意不要在c前面加点号拉。就这么简单实现相应dom节点的样式控制。很实用。
Dom中的奇数和偶数:
Div:odd,页面中序号为奇数的div
div:even 页面中序号为偶数的div
P:eq(1),获取第二个段落,因为默认是从0开始的。
遍历dom中的节点:
Children()方法 获取对应节点的子节点。
Each()方法循环访问包装集合中的每个元素。
Text()方法访问特定元素的文本内容,另外用于更改文本的内容。
Parent()方法,用于访问当前元素的直接亲元素。并返回一个新的jquery对象。
Html()获取指定元素的html内容,也用于更改文本的内容。
快速创建dom节点:
Prepend()方法,用于在指定元素前面插入指定的内容,并返回一个jquery对象,内容可以是文本,html元素,或者jquery对象。
Clone()复制指定对象并返回一个新的jqurey对象。
Prepend和prependTo方法的比较
Prepend是将目标内容放到方法之后
PrependTo是添加的内容在方法之前
看列子:
$(“<h1>test</h1>”).appendTo(“p”);
$(“p”).prepend($(”<h1>test</h1>”));
实现在p便签的前面添加h1节点。
就这样吧,用的时候来这里温习温习。O(∩_∩)O~。