jQuery小结

jQuery 是一个轻量级的 JavaScript 库，极大地简化了 JavaScript 编程

（基础语法）：
$(selector).action()
①美元符号定义 jQuery
②选择符（selector）查询和查找 HTML 元素
③action() 执行对元素的操作

②包含元素选择器，属性选择器，css选项器
（文档就绪函数）：
为了防止文档在完全加载之前运行 jQuery 代码，所有 jQuery 函数位于一个 document ready 函数中：
$(document).ready(function(){
});

jQuery 事件方法（点击，双击，鼠标悬浮）
事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。
触发实例：
$("button#demo").click()
上面的例子将触发 id="demo" 的 button 元素的 click 事件。
绑定实例：
$("button#demo").click(function(){$("img").hide()})

（效果：）滑动，淡入淡出，动画（默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute）

jQuery 效果函数----->例：hide()隐藏被选的元素
jQuery 文档操作方法------>例：html() 设置或返回匹配的元素集合中的 HTML 内容
jQuery 属性操作方法------>获得或设置元素的 DOM 属性
jQuery CSS 操作函数------>设置或返回元素的 CSS 相关属性
jQuery Ajax 操作函数------>jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。
jQuery 遍历函数------>用于筛选、查找和串联元素的方法
jQuery 数据操作函数------>将指定的 DOM 元素与任意数据相关联

(页面添加 jQuery 库)
jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数
可以通过下面的标记把 jQuery 添加到网页中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

猜你喜欢