jQJQJQJQJQJQ

最新推荐文章于 2024-08-10 22:43:21 发布

西伯利亚狼ow

最新推荐文章于 2024-08-10 22:43:21 发布

阅读量927

点赞数

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/sssssboer/article/details/123608152

版权

通过JS的属性和方法获得的对象
var div = document.querySelector(‘div’);
通过JQ的属性和方法获得的对象
$(‘div’);

jQ 对象转化为DOM对象
$（‘对象名’）【index】；
$对象是以伪数组的形式转换。所以可以根据索引值来进行选取转换为DOM对象

DOM对象转化为jQ对象
var mydiv = document.querySelector(‘div’);
$(mydiv)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         ul li a {
             float: right;
         }
         input {
             float: right;
         }
         ul li {
             line-height: 25px;
             border-bottom: 1px dashed #cccccc;
             display: none;
         }
    </style>
    <script src="jquery.min.js"></script>
    <script>
        $(function(){
            $('.btn').on("click",function(){
                var li = $("<li></li>");
                li.html($(".txt").val() + "<a href='javascript:;'>删除</a>");
                $("ul").prepend(li);
                li.slideDown();
                $(".txt").val("");
            })
            $("ul").on("click","a",function(){
                $(this).parent().slideUp(function(){
                    $(this).remove();
                })
            })
        })
    </script>
</head>
<body>
    <div class="box" id="weibo">
        <span>微博发布</span>
        <textarea name="" class="txt" cols="30" rows="10"></textarea>
        <button class="btn">发布</button>
        <ul>

        </ul>
    </div>
</body>
</html>

微博发布栏JQ

西伯利亚狼ow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQJQJQJQJQJQ

通过JS的属性和方法获得的对象var div = document.querySelector(‘div’);通过JQ的属性和方法获得的对象$(‘div’);jQ 对象转化为DOM对象$（‘对象名’）【index】；$对象是以伪数组的形式转换。所以可以根据索引值来进行选取转换为DOM对象DOM对象转化为jQ对象var mydiv = document.querySelector(‘div’);$(mydiv)<!DOCTYPE html><htm...
复制链接

扫一扫