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)

  • 最后编辑于
    ©著作权归作者所有,转载或内容合作请联系作者
    【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    推荐阅读更多精彩内容

    • DOM文档对象模型,是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有标准组件。 DOM操作的...
      远远暖暖阅读 1,644评论 0 0
    • 看书时随手整理的jQuery的相关内容及API,之后会将相应的功能与JavaScript进行比对整理。 jQuer...
      Ginkela阅读 1,735评论 0 1
    • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
      凛0_0阅读 8,851评论 0 44
    • //------------------------- 第一章 认识JQuery ----------------...
      米塔塔阅读 4,068评论 0 9
    • 基本概念以及生成下一个排列、组合的算法整理。参考:Discrete mathematics and its app...
      chnmagnus阅读 4,274评论 0 0