jQuery小结
jQuery是一个轻量级的JavaScript库,极大地简化了JavaScript编程
(基础语法):
$(selector).action()
①美元符号定义jQuery
②选择符(selector)查询和查找HTML元素
③action()执行对元素的操作
②包含元素选择器,属性选择器,css选项器
(文档就绪函数):
为了防止文档在完全加载之前运行jQuery代码,所有jQuery函数位于一个documentready函数中:
$(document).ready(function(){
});
jQuery事件方法(点击,双击,鼠标悬浮)
事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。
触发实例:
$("button#demo").click()
上面的例子将触发id="demo"的button元素的click事件。
绑定实例:
$("button#demo").click(function(){$("img").hide()})
(效果:)滑动,淡入淡出,动画(默认情况下,所有HTML元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的CSSposition属性设置为relative、fixed或absolute)
jQuery效果函数----->例:hide()隐藏被选的元素
jQuery文档操作方法------>例:html()设置或返回匹配的元素集合中的HTML内容
jQuery属性操作方法------>获得或设置元素的DOM属性
jQueryCSS操作函数------>设置或返回元素的CSS相关属性
jQueryAjax操作函数------>jQuery库拥有完整的Ajax兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。
jQuery遍历函数------>用于筛选、查找和串联元素的方法
jQuery数据操作函数------>将指定的DOM元素与任意数据相关联
(页面添加jQuery库)
jQuery库位于一个JavaScript文件中,其中包含了所有的jQuery函数
可以通过下面的标记把jQuery添加到网页中:
<head>
<scripttype="text/javascript"src="jquery.js"></script>
</head>