码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 一刷

时间:2019-08-08 16:10:48      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:ext   slide   文本   尺寸   ddc   nim   隐藏   jquer   addclass   

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 一刷

标签:ext   slide   文本   尺寸   ddc   nim   隐藏   jquer   addclass   

原文地址:https://www.cnblogs.com/dsyMoon/p/11321688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!