JQuery 一刷
Posted dsymoon
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery 一刷相关的知识，希望对你有一定的参考价值。
jQuery 是一个 javascript 库简化了 JavaScript 编程
引入库
<script type="text/javascript" src="jquery.js"></script>
<script> 标签应该位于页面的 <head> 部分。
动态库
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
当按钮的点击事件被触发时会调用一个函数
$("button").click(function() ..some code... )
jQuery 事件
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
显示隐藏
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
可以使用 $(selector).toggle(speed,callback);
方法来切换 hide() 和 show()显示被隐藏的元素，并隐藏已显示的元素。
实现元素的淡入淡出效果
jQuery fadeIn() 用于淡入已隐藏的元素
jQuery fadeOut() 方法用于淡出可见元素
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换
jQuery fadeTo() 方法允许渐变为给定的不透明度
jQuery 滑动方法可使元素上下滑动
jQuery slideDown() 方法用于向下滑动元素
jQuery slideUp() 方法用于向上滑动元素
jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换
jQuery 效果 - 动画
jQuery animate() 方法用于创建自定义动画
jQuery stop() 方法用于在动画或效果完成前对它们进行停止
获得内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
获取属性 - attr()
添加新的 HTML 内容
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素/内容
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素
jQuery 操作 CSS
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
jQuery 尺寸 方法
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
遍历后代(可添加样式)
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
ajax
$(selector).load(URL,data,callback);
方法从服务器加载数据，并把返回的数据放入被选元素中
$.ajax() 执行异步 HTTP (Ajax) 请求
$.get(URL,callback);通过 HTTP GET 请求从服务器上请求数据
参数是拼接的
$.post(URL,data,callback);方法通过 HTTP POST 请求从服务器上请求数据
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
各种语言混杂的可以使用以下方法
noConflict() 方法会释放会 $ 标识符的控制
$.noConflict();
可以通过全名替代简写的方式来使用 jQuery
以上是关于JQuery 一刷的主要内容，如果未能解决你的问题，请参考以下文章