jquery参考笔记

var li = $("ul li:eq(1)").text()获取

里第2个

节点的文本内容。


$("p").attr("title") 获取

元素节点属性title。

添加节点 var $li_1=$("

  • "); $("ul").append($li_1);

    插入节点:append(),appentTo(),prepend(),prependTo(),after(),insertAfter(),before(),insertBefore().

    删除节点:remove()保存事件和附加数据消失,detach()保存事件和附加数据不消失,empty()内容及后代清空,不删除此节点

    复制节点:clone(),clone(true)事件也复制。

    替换节点: replacWith(),replaceAll()前后顺序相反

    包裹节点:wrap(); $(“strong”).wrap("");将所有strong标签单个包裹

    wrapAll();将所有strong包裹在一个b里;

    wrapInner();将strong的子节点或内容用b包裹;

    属性操作:$("p").attr("title");获取属性

    $("p").attr("title","my_title");设置属性;

    $("p").attr({"title":"my_title","name","myname"});设置多个属性;

    html(),text(),height(),width(),val(),css()。

    删除属性: $("p").removeAttr("title");

    获取样式:$("p").attr("class")

    设置样式: $("p").attr("class","high")

    追加样式:$("p").addClass("another");.another{color:blue;}

    移除样式:removeClass()

    切换样式:toggleClass();

    判断是否含有某个样式:$("p").hasClass("another");或$("p").is(".another");注意那个点

    获取html代码:$("p").html();获取p的子节点的代码,不包含p

    设置html代码:$("p").html("

    dsfd

    ");

    获取文本内容:$("p").text();

    设置文本内容:$("p").text("哈哈哈");

    获取和设置输入框内容:$("input").val();$("input").val(“哈哈哈”);可以获取数组和以数组形式设置;

    获取子元素:children();

    获取同辈元素:next(),prev();siblings()前后都获取;

    获取最近匹配元素:closest();返回第一个匹配的父节点

    获取父节点:parent()查找祖先,只返回一个,parents()返回所有符合条件祖先节点

    获取样式:$("p").css(“color”);

    设置样式:$("p").css(“color” , “red”);

    获取高度$("p").css(“height”)或$("p").height();

    获取偏移量:offset(),position();

    获取滚动条距顶端和左侧距离:scrollTop(),scrollLeft()

    绑定双击事件:$("p").dblclick(),获取选中选项 $("p:selected", this)

  • 你可能感兴趣的:(jquery参考笔记)