优秀是一种习惯,不求进步很大,但求天天进步。

像蜗牛一样爬行,坚信总有一天我有属于我的一片天。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

《Jquery攻略》读书笔记(1)

Posted on 2011-05-25 16:33  StartFromZero  阅读(572)  评论(0编辑  收藏  举报

最近学习完了jquery攻略这本书,对自己的学习做一下回顾,并写出来,供自己后期查阅。

首先推荐学习jquery的两个网站,http://www.jquery.com/

http://jqueryui.com/

 

Jquery攻略系列(1

Jquery的安装:

开发工具vs2008,首先下载jqurry,到http://jquery.com/网站下载就行,目前版本是1.6的,我用的是1.4的。下载后解压缩,在vs的项目文件夹里面添加js文件夹,然后复制jquery.jsjs文件夹。创建demo1.html,然后拖放jquery.js文件到html中的head标签中,当然可以敲代码拉。(呵呵,懒人的办法)

然后添加<script type=”text/javascript”>

$(document).ready(

Function()//dom加载完成,执行函数调用

{

//To do 编写jquery代码

}

 

)//通知dom就绪的方法。

 

 

</script>

选择dom节点:

学习jquery的前提是最好能够对div+css能够熟练,这样上手更快点,css中的idclassjquery获取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-size16px

}

$(“p”).addClass(“c”);注意不要在c前面加点号拉。就这么简单实现相应dom节点的样式控制。很实用。

Dom中的奇数和偶数:

Divodd,页面中序号为奇数的div

diveven 页面中序号为偶数的div

Peq1,获取第二个段落,因为默认是从0开始的。

遍历dom中的节点:

Children()方法 获取对应节点的子节点。

Each()方法循环访问包装集合中的每个元素。

Text()方法访问特定元素的文本内容,另外用于更改文本的内容。

Parent()方法,用于访问当前元素的直接亲元素。并返回一个新的jquery对象。

Html()获取指定元素的html内容,也用于更改文本的内容。

快速创建dom节点:

Prepend()方法,用于在指定元素前面插入指定的内容,并返回一个jquery对象,内容可以是文本,html元素,或者jquery对象。

Clone()复制指定对象并返回一个新的jqurey对象。

PrependprependTo方法的比较

Prepend是将目标内容放到方法之后

PrependTo是添加的内容在方法之前

看列子:

$(“<h1>test</h1>”).appendTo(“p”);

$(“p”).prepend($(”<h1>test</h1>”));

实现在p便签的前面添加h1节点。

就这样吧,用的时候来这里温习温习。O(_)O~