jQJQJQJQJQJQ

通过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

jQJQJQJQJQJQ

jQJQJQJQJQJQ相关推荐

最新文章

热门文章