初学jquery

最新推荐文章于 2021-09-28 17:39:11 发布

原创最新推荐文章于 2021-09-28 17:39:11 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了jQuery的基础使用方法，包括如何引入jQuery库，通过示例代码展示了如何利用jQuery简化JavaScript操作，如DOM元素的选择与事件绑定。

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

未完待续...