JQuery學習日記(1)

就從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引用路徑是否正確)。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章