Chinaunix首页 | 论坛 | 博客
  • 博客访问: 325605
  • 博文数量: 206
  • 博客积分: 1040
  • 博客等级: 少尉
  • 技术积分: 1756
  • 用 户 组: 普通用户
  • 注册时间: 2012-04-09 17:22
文章分类

全部博文(206)

文章存档

2015年(3)

2014年(147)

2013年(2)

2012年(54)

我的朋友

分类: jQuery

2014-02-08 16:09:06

节点操作
1、查看文本内容:  $li.text();
2、查看属性:$("p").attr("title");
3、创建节点: var $li1=$("
  • lala
  • ");  $("ul").append($li1);
    4、删除节点:var $li=$("ul li:eq(1)").remove()
    5、清空节点:$("ul li:eq(1)").empty()
    6、复制节点:$(this).clone().append('ul')
    7、替换节点:replaceWith()   
    8、包裹节点:wrap()   $("strong").wrap("")

    属性操作
    1、获取属性:$('p').attr('title');  
    2、设置属性:$('p').attr("title","your title")
    3、删除属性:$('p').removeAttr("title")

    样式操作
    1、获取样式: $('p').attr('class')
    2、设置样式:$('p').attr('class','high')
    3、追加样式:$("p").addClass("another")
    4、移除样式:$("p").removeClass("another")
    5、切换样式:$("p").toggleClass("another")

    文本、html值操作
    1、html(): 类似javascript的innerHTML方法   设置时需要传递参数,如:$("p").html("lala")
    2、text(): 类似javascript的innerText   设置时需要传递参数,如:$("p").html("lala")
    3、val():  设置和获取元素的值  $(":checkbox").val(["check2","check3"])

    遍历节点
    1、children():子元素的集合
    2、next():  紧邻后面的同辈元素
    3、prev(): 紧邻前面的同辈元素
    4、siblings(): 前后所有的同辈元素
    5、closet(): 获取最近的匹配元素
    6、end():结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态

    css属性操作
    1、获取:$("p").css("color")
    2、设置:$("p").css("color","red')
    3、多值设置:$("p").css({"fontSize":"30px","backgroundColor":"#888888"})
    4、透明属性:可直接用,无兼容性问题。 $("p").css("opacity","0.5")
    5、offset:获取元素在当前视窗的相对偏移,返回top和left两个值
    6、position: 获取最近的position样式为relative和absolute的相对偏移
    7、scrollTop和scrollLeft: 滚动条的距离



    阅读(193) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~