初学jquery-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_9734/article/details/82245571

趁着项目组还没给我分配活，学习点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 的所有元素。

未完待续...