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