jquery笔记2

一，each, jQuery的元素也能调用each(), 是对$.each();的一种简化

$(function(){

$("input[name=chk]").click(function(){

var arr = new Array(); //这里new Array来接收内容

$("input[name=chk]:checked").each(function(key,value){

arr[key] = $(value).val(); //这里需要注意一下，将value改成jQuery对象

});

$("#content").text("共选中"+arr.length+"项："+arr.join("  "));

});

});

二，$(。。。) ,动态变成jQuery对象

对于动态创建对象，很方便，很实用，功能相当于document.create("...")，但是不能一味的什么都动态创建，能用静态就用静态的，除非是非要用动态的

$(function(){

$("input[id=bnt]").click(function(){

var str = window.prompt("请输入连接地址");

var link = $("<a href='"+str+"'>百度一下</a>"); //动态创建一个链接jQuery对象

$("#content").append(link); //对象创建了，就要添加到需要的地方

});

});

var jsonArr = [{"id":"1","name":"hwt"},{"id":"2","name":"xixi"}];

$(function(){

$.each(jsonArr,function(){

var li = $("<li>"+this.name+"</li>"); //动态创建对象

$("#c2").append(li); //对象创建了，就要添加到需要的地方

});

});

三，append,prepend,after,before

1，append(" "): 把元素增加到内容的后面

2，prepend(" ")：把元素添加到内容的前面

3，after（）把元素添加的此元素的后面一个

4，before（）,添加的前面

$(function(){

var bnt1 = $("<input type='button' value='我添加在这里'/>");

var bnt2 = $("<input type='button' value='我添加在这里'/>");

var bnt3 = $("<input type='button' value='我添加在这里'/>");

var bnt4 = $("<input type='button' value='我添加在这里'/>");

$("#div1").append(bnt1);

$("#div2").prepend(bnt2);

$("#div1").after(bnt3);

$("#div1").before(bnt4);

});

attr(" "," ") ;如果对象没有封装这个属性，就用attr来设置

四，节点操作

1，$("br").replaceWith ("<hr/>") : 用标签选择器选择了<br/> ，用replace方法全部替换掉

2，$("b").wrap("<font color='red'></font>"); 包裹，通过标签选择器选择<b></b>然后用<font color=red><b>asdfad</b></font>包裹起来

五，操作css样式

1，得到class,或者id : .attr("class")  /  .attr("id");

2，设置class样式 ： .attr("class","className");

3，追加class样式：.addClass("className");

4，移除class样式：.removeClass("className");

5，切换class样式：.toggleClass("className");

六，cookie操作

1，jQuery的cookie已经被封装了 ，需要拷贝一个js文件，jQuery.cookie.js

2，cookie 需要浏览器的支持，浏览器的cookie是可以禁用的，如果禁用了

       cookie就不能使用了，不过一般不用考虑用Cookie的情况，Cookie的几个特征

       ：

·cookie是与域名相关的，所以163.com不能读取baidu.com记录的Cookie,

正因为如此，读取、设置Cookie的时候不用担心不同域名cookie的冲突；一个域名

能写入的Cookie总尺寸是有限制的，一般是几千个字节，能写入的Cookie总条数一般

是几十条，超过了的话浏览器就hi自动的移除一些Cookie:Cookie不是写入以后一定要下次

能读出来，浏览器可能会定期清除、用户也可能会手动清除

3，取Cookie中的值：$.cookie("?") , 通过cookie中的名字来取得，因为在cookie中，是以一种键值对的形式存在的

   设置Cookie的值：$.cookie("paramName","value",{expires: 7 , path: / ,domain : 'baidu.com' , secure:true}) 

后面的那个{ 。。。} 是可选的，但是如果不设置里面的expires的话，cookie中的值的寿命就是只是随着浏览器的关闭而关闭，expires就是来设置cookie的生命周期的

jQueryUI

DebugBar

Firebug