02jquery02-07常用DOM操作

最新推荐文章于 2022-07-29 11:36:13 发布

python基础教程

最新推荐文章于 2022-07-29 11:36:13 发布

阅读量288

点赞数

分类专栏： 02jquery

本文链接：https://blog.csdn.net/stopcpp/article/details/53033395

版权

02jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.11.1.min.js"></script>
    <script>
        $(function(){
            //设置属性
            $("input:eq(0)").click(function () {
                $(this).attr("title","我是动态设置的title");
            });
            //获取属性
            $("input:eq(1)").click(function () {
                var attr = $("input:eq(0)").attr("title");
                console.log(attr);
            });
            //移除属性
            $("input:eq(2)").click(function () {
                $("input:eq(0)").removeAttr("title");
            });
            //设置值
            $("input:eq(3)").click(function () {
                $("div input").val("我是动态设置的值2");
            });
            //获取值
            $("input:eq(4)").click(function () {
                var attr = $("div input").val();
                console.log(attr);
            });
            //设置html内容
            $("input:eq(5)").click(function () {
                $("div").html("<h1>我是html内容</h1>");
            });
            //获取html内容
            $("input:eq(6)").click(function () {
                var val = $("div").html();
                console.log(val);
            });
            //设置text文本内容
            $("input:eq(7)").click(function () {
                $("div").text("<h1>我是html内容</h1>");
            });
        });
    </script>
</head>
<body>
<input type="button" value="设置属性"/>
<input type="button" value="获取属性"/>
<input type="button" value="移除属性"/>
<input type="button" value="设置值"/>
<input type="button" value="获取值"/>
<input type="button" value="设置html内容"/>
<input type="button" value="获取html内容"/>
<input type="button" value="设置文本text内容"/>
<div>
    <input type="text"/>
</div>
</body>
</html>

python基础教程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02jquery02-07常用DOM操作

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.min.js"></script> <script> $(function(){ //设置属性
复制链接

扫一扫