jQuery

最新推荐文章于 2024-08-17 12:54:01 发布

LikY03321

最新推荐文章于 2024-08-17 12:54:01 发布

阅读量52

点赞数

文章标签： jquery javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/LikY03321/article/details/128823905

版权

$(selector).css("propertyname")

只有key得到属性的值

key val 设置属性的值

jQuery操作class

addclass()向被选元素添加一个或多个元素

removerclass()被选元素移除类名

hasclass()判断被选元素是否包含这个类名

toggleclas判断被选元素是否有该类名，如果有就移除，没有就添加

html()、text()、val()

html()获取或设置内容

text()获取或设置元素文本内容

val()获取或设置元素的value属性值

节点操作

jQuery添加元素

append()在被选元素的结尾插入指定内容(在父元素的末尾添加子元素)

prepend()把子元素添加到父元素开头

prependTo()在被选择元素开头插入HTML元素

appendTo()在被选择元素结尾i插入html元素(把子元素插入父元素末尾)

after()在被选元素后面插人内容

before()在被选元素前插入内容

jQuery删除元素

remove()移除被选元素，包括所以的文本和子节点。该方法也会移除被选元素的数据和事件

empty()移除子节点和内容，事件不会移除

jQuery替换节点

replaceWith()把被选元素替换为新的内容

replaceAll()把被选元素替换为新的HTML元素

jQuery复制节点

clone()方法生成被选元素的副本，包含子节点、文本和属性

<body>
    <ul>
        <li>黑猫警长</li>
        <li>葫芦娃</li>
        <li>苏克贝塔</li>
        <li>巴啦啦小魔仙</li>
        <li>铠甲勇士</li>
        <li>洛洛历险记</li>
        <li>弹珠传说</li>
    </ul>
    <script>
        $(function(){
            //在被选元素的结尾插入内容
            //$("ul").append("<li>铁臂阿童木</li>");

            //在被选元素的结尾插入 HTML 元素
            //$("<li>铁臂阿童木</li>").appendTo("ul")

            //在被选元素的开头插入内容
            //$("ul").prepend("<li>铁臂阿童木</li>")

            //在被选元素的开头插入 HTML 元素
            //$("<li>铁臂阿童木</li>").prependTo("ul")

            //在被选元素后插入内容
            //$("ul").after("<li>铁臂阿童木</li>")

            //在被选元素前插入内容
            //$("ul").before("<li>铁臂阿童木</li>")

            //移除被选元素（包含数据和事件）
            //$("ul").remove()

            //从被选元素移除所有子节点和内容
            //$("ul").empty()

            //把被选元素替换为新的内容
            //$("li:last").replaceWith("<li>铁臂阿童木</li>")

            //把被选元素替换为新的 HTML 元素
            $("<li>铁臂阿童木</li>").replaceAll("li:last")

            //生成被选元素的副本
            $("<li>铁臂阿童木1</li>").clone().appendTo("li:last")
        })
    </script>
</body>