jQuery —— javascript 的框架

jQuery

官网
w3school
一个快速、简洁的 JavaScript 框架,简化 js 的开发。封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,使 HTML 文档遍历和操作、事件处理、动画设计和 Ajax 交互更加简单。

jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。通过下面的标记把 jQuery 添加到网页中:

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

jQuery 简单示例,使用jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。

<html>
<head>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		$("button").click(function(){
		$("p").hide();
		});
		});
	</script>
</head>

<body>
	<h2>This is a heading</h2>
	<p>This is a paragraph.</p>
	<p>This is another paragraph.</p>
	<button type="button">Click me</button>
</body>
</html>

为了防止文档在完全加载(就绪)之前运行 jQuery 代码,使用 $(document).ready()。

jQuery 基础语法:$(selector).action()

美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作

三步走:表示这是一个 jQuery 语句,选择对象,操作对象。

jQuery 使用 $ 符号作为 jQuery 的简介方式。可能与其他某些 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号冲突,为了避免冲突,jQuery 使用名为 noConflict() 的方法来修改该符号。

var jq = jQuery.noConflict()// 使用自定义名称(比如 jq)来代替 $ 符号。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值