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

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

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

3after()把元素添加的此元素的后面一个

4before(),添加的前面

$(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操作

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

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

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

       :

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

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

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

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

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

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

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

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

jQueryUI

DebugBar

Firebug

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值