就從jQuery開始吧,js哪些以後補上~
jQuery中的頂級對象就是jQuery,也可以用$表示;
jQuery的頁面加載事件(一般是所有html標籤加載成功後,立刻執行js文件,三種寫法,下面寫出最簡單的)
$(function(){ 。。。})
jQuery與DOM互轉:
DOM轉jQuery:$(dom對象)
jQuery轉DOM:$(dom對象).get(0) , $(dom對象)[0]
jQuery選擇器(常用):
id選擇器:$(“#id”)
類選擇器:$(“.類名(class)”)//有點
標籤選擇器:$(“標籤”)
標籤+類選擇器:$(“標籤.類名”)
多條件選擇器:$(“標籤,標籤,標籤”)//用逗號隔開
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function() {
// id選擇器
$("#box").text("jQuery初體驗");
$("#box").css("backgroundColor", "pink");
//標籤選擇器,所有p標籤
$("p").text("hhhhhhh");
//類選擇器,所有class="cls"
$(".cls").css("backgroundColor", "blue");
//標籤+類選擇器
$("p.cl").css("backgroundColor", "green");
//多條件選擇器
$("p,div,span").css("color","white");
})
})
</script>
Uncaught SyntaxError: Unexpected token < 錯誤,一般是路徑有問題(可以看js引用路徑是否正確)。