jQuery2元素操作

1.对元素内容的操作
①文本内容
.text(" “) 设置内容 即使包含HTML代码,也将被认为是普通代码
.text() 获取内容
②HTML内容
.html(” ") 设置内容
.html() 获取内容

2.对值的操作
.val(" ")设置值
.val() 获取值

对于radio按钮
val([0,1,0]) 认为第二个被选中

对于select option 复选框
val([“选项名1”,“选项名2”])

3.对节点的操作
添加节点

$(" ").append()

append(content)            //为所有匹配的元素追加内容
appendTo(content)            //将所有匹配的元素添加到另一个元素集合中 
prepend(content)
prependTo()

after(content)              //在每个匹配的元素之后插入内容
insertAfter(content)
before(content)
insertBefore(content)

删除节点

remove()    //用于从DOM中删除匹配的元素
detach()
empty()

复制节点

例:复制box节点 下的第一个p节点内容
$("#box p:eq(1)").bind("click",function(){
    $(this).clone(true).insertAfter( $(this) )
 })

替换节点

replaceAll(selector)
replaceWith(content)
例:
$("#box1").replaceWith("<div>hhh</div>")   id为box1的 替换为 content内容
$("<div>hhh</div>").replaceAll("div")      前面的把后面的替换

节点的遍历

$("p").each(function(index){
    $(this).attr("title","第"+(index+1)+"标签")
})                          //遍历p节点,执行这个方法

css样式

.addClass()                //添加css样式
.removeClass()          //删除css样式

.toggleClass()
等价于
if (flag){
.removeClass()
flag=false
}else{
.addClass()
flag=true}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery2.0的发布,流行的jQuery JavaScript库到了一个重要里程碑。2.0版本比前任版本在大小上缩减了12%,但是更大的新闻是,jQuery 2.0不在对IE6,7,8三个版本进行支持。七年前jQuery的诞生,开始让开发者更简单的操作HTML和编写JavaScript,jQuery的跨浏览器特性,更是很快受到了广大开发者的青睐。根据去年的一项调查显示,粗略估计,网络上一半的站点都在使用jQuery。 停止对旧版IE的支持,是否会改变jQuery的使用率?答案也许是不会。如果你的网站需要维护对IE8或者低版本(或者是IE9和IE10在兼容模式下运行),你只需要沿用jQuery1.9或者以下版本。 如 果你想要同时兼容新旧版浏览器,你可以使用条件注释,让2.0在新浏览器上使用,而旧版本使用1.9,但是更简单的方法则是沿用 jQuery1.x版本。至少目前2.0的主要用例,对IE的支持是不再考虑范围内了,而是Chrome或者firefox的附加组件,PhoneGap 应用程序或是node.js jQuery 团队在官博中再次提醒用户,jQuery 2.0 不再支持IE 6/7/8 了,但是 jQuery 1.9 会继续支持。因为旧版 IE 浏览器在整个互联网中还有很大部分市场,所以他们非常期望大部分网站能继续使用 jQuery 1.x 一段时间。jQuery 团队也将同时支持 jQuery 1.x 和 2.x 。1.9 和 2.0 版的 API 是相同的,所以不必因为你们网站还在用 jQuery 1.9,就感觉好像错过了什么,或者是落后了。 如果你想继续支持 IE 6/7/8,并且又想尝试 jQuery 2.0,那你可以额外加上一些代码。除了老版的 IE,其他所有浏览器都将使用第二脚本,忽略第一个。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值