Jquery方法

最新推荐文章于 2024-07-04 12:16:35 发布

_天蓝

最新推荐文章于 2024-07-04 12:16:35 发布

阅读量110

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/weixin_44538322/article/details/89566864

版权

撰写日期：2019年04月20日

Jquery里有许多封装好的方法，简单介绍一下我常用的几个。

(一) Remove()从DOM中删除所有匹配的元素。

    <body>
        <p>Hello</p> how are <p>you?</p>
    </body>
    <script>
	   $("p").remove();
    </script>

代码执行效果：
在这里插入图片描述

(二) Append（）向每个匹配的元素内部追加内容。

    <body>
        <v>Hello!</v>
    </body>
    <script>
	   $("v").append("<o>how are you?</o>");
    </script>

代码执行效果：

在这里插入图片描述

(三) Click（）触发每一个匹配元素的click事件。

    <body>
        <button>按钮</button>
    </body>
    <script>
	         $("button").click(function(){
		     alert("点击了一下！");
	         });
     </script>

代码执行效果：
在这里插入图片描述

(四) Change（）当元素的值发生改变时触发。

<body>
    <select id="ok">
       <option value="1">第一选项</option>
       <option value="2">第二选项</option>
       <option value="3">第三选项</option>
    </select>
</body>
<script>
	$("#ok").change(function(){
		alert("数值已更换！");
	});
</script>

代码执行效果：
在这里插入图片描述