-
查看全部
-
查看全部
-
查看全部
-
查看全部
-
查看全部
-
<script type="text/javascript"> //通过jQuery直接传入class var div = $(".aaron"); //class选择器可以选择多个元素 div.css("border", "3px solid red"); </script>
查看全部 -
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码
$("div").html
$("div") 是获取当前页面所有 div 标签元素,示例中只有一个 div ,所以获取到的就是那个 div 标签元素。后面的 .html() 的意思就是给 innerHTML 赋值,所以两个合起来的意思就是,先获取 div 元素,然后给获取到的 div 元素的 innerHTML 赋值。
查看全部 -
开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题,使用的是 1.9 版本。jQuery 每一个系列版本分为:压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。
查看全部 -
jQuery:
查看全部 -
instanceof
查看全部 -
获取双标签的内容是用.html来获取
查看全部 -
fdgfdgdg
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="imooc.css" type="text/css">
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2>内容筛选器</h2>
<h3>:contains/:has</h3>
<div class="left">
<div class="div">
<p>:contains</p>
</div>
<div class="div">
<p>:contains</p>
</div>
<div class="div">
<p>
<span>:has</span>
</p>
</div>
<div class="div">
<p>:contains</p>
</div>
</div>
<script type="text/javascript">
//查找所有class='div'中DOM元素中包含"contains"的元素节点
//并且设置颜色
$(".div:contains(':contains')").css("color", "#CD00CD");
</script>
<script type="text/javascript">
//查找所有class='div'中DOM元素中包含"span"的元素节点
//并且设置颜色
$(".div:has(span)").css("color", "blue");
</script>
<h3>:parent/:empty</h3>
<div class="left">
<div class="aaron">
<a>lll</a>
</div>
<div class="aaron">
<a>:parent</a>
</div>
<div class="aaron">
<a>:parent</a>
</div>
<div class="aaron">
<a></a>
</div>
</div>
<script type="text/javascript">
//选择所有包含子元素或者文本的a元素
//增加一个蓝色的边框
$("a:parent").css("border", "3px groove blue");
</script>
<script type="text/javascript">
//找到a元素下面的所有空节点(没有子元素)
//增加一段文本与边框
$("a:empty").text(":empty").css("border", "3px groove red");
</script>
</body>
</html>
查看全部 -
$(document).ready的作用是等页面的文档中的节点加载完毕后,再执行后续的代码。因为html是从上往下解析。
查看全部 -
jQuery可以下载,再引用;或者直接引用网页地址
查看全部
举报