初学jquery

趁着项目组还没给我分配活,学习点jquery。以后都要用,先学习学习。

 

jquery是一个javascript库。可以简化javascript 的操作。jquery的口号是:write less ,do more.

 

这是我写的第一个代码:

jquery1.html

<html>
    <head>
	    <script type = "text/javascript" src = "../jquery/jquery.js"></script>
		<script type = "text/javascript" src = "1.js"></script>
	</head>
	<body>
	    <div id="div1"> click me </div>
	</body>
</html>

 1.js

$(document).ready(function(){
	$("div").click(function(){
		$(this).html(" hello everyone!<br/> the text has change");
	});
});

 记得要在本目录的上层目录jquery下引入jquery.js才能使用jquery。

 

document 是 DOM 对象,使用$(),将document转换成jquery对象。

所有的DOM对象都可以使用$()转换成jquery对象。

 

在javascript中触发的一般是事件,例如:onclick事件,在jquery中一般是函数,如:lick()函数。

$("div") 会获得页面上标签是div的DOM。是一个集合。

 

 所有的jquery函数都是放在这个函数里面。

$(document).ready(function(){

--- jQuery functions go here ----

});

  $(document).ready()为文档就绪函数。防止在文档在完全加载就绪之前就运行jquery函数,引起错误。

 

 

jquery选择器有:

    1.$("p")   选择所有<p>元素。

    2.$("#userName")    选择 id = userName 的第一个元素。id也肯能重复。

    3.$(".userName")     选择 class = userName 的所有元素。

 

未完待续...

你可能感兴趣的:(jquery)