jQuery学习笔记

jQuery是一个快速、轻量、功能强大的JavaScript库。极大地简化了JavaScript编程。

先举一个jQuery库的的安装导入与简单使用的例子:

<html>
	<head>
		<script type="text/javascript" src="jquery.js"></script>

		<script type="text/javascript">
			$(document).ready(function(){
				$("p").click(function(){
					$(this).hide();
				});
			});
		</script>

	</head>

<body>
	<p>If you click on me, I will disappear.</p>
</body>

</html> 

通过上面的例子,说明其基础语法:$(selector).action()

jQuery具体的选择器使用示例:

上面例子中jQuery函数位于一个document ready函数中:

$(document).ready(function(){

	--- jQuery functions go here ----

});

这样做的好处是为了防止文档在完全加载(就绪)之前运行jQuery代码。

引入jQuery具体的事件使用示例:

为防止美元符号$与其它的库冲突,可以使用:

var jq=jQuery.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍在运行!");
  });
});

通过jQuery这些便利的查询标签、id、class的功能,可以很方便的操作HTML的页面效果,增强与用户的Web交互性。

文章来自 http://skymonkey.cn/

高能广告区

暂无广告哦=^^=。继续看看其它文章吧!