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("哈哈哈");
    【jquery参考笔记】获取和设置输入框内容:$("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)
    • 推荐阅读