JQuery
可以使用百度CDN引用的方法,而不用去下载
百度 CDN:
<head>
<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>第一个简单的jQuery程序</title>
<style type="text/css">
div{
padding:8px 0px;
font-size:12px;
text-align:center;
border:solid 1px #888;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("div").html("哈哈哈。");
});
</script>
</head>
<body>
<div></div>
</body>
</html>
$(document).ready是等文档加载完,在执行后面代码
$("div")是获取div标签
jQuery.html();函数,用途相当于获取或设置DOM对象的innerHTML属性
对应于javascript中的各类选择器,如:
$("*") ——所有元素
$("#lastname") ——id="lastname" 的元素
$(".intro") ——所有 class="intro" 的元素
$(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素
$("p") ——所有 <p> 元素 //当传入的是标签名就不用加前缀了
eg:以下是一段HTML结构,通过jQuery的基本选择器,我们有多少方法可以获取?
<div id="left" class="left"></div>
$('.left') $('#left') $("div") $("*") //类选择器,id选择器,元素选择器,全选择器