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引用路径是否正确)。

 

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