jQuery快速复习
jQuery
什么是jQuery?jQuery是一个Javascript库,极大的简化了Javascript编程。
接下来就讨论如何使用这个库吧。
因为这是一个库,所以首先要引入库
<script type="text/javascript" src="jquery.js"></script>
jQuery 部分写在包装的代码里。
<script type="text/javascript"> $(document).ready(function(){/***代码部分**/}); 或是精简版的 $(function(){}); </script>
jQuery语法:这个很简单。$(selector).action();
jQuery选择器:使用$作为选择符,$("p") $("p.class-name")选择有class="class-name"的<p>
$("[href]")所有有href属性的元素 $("[foo="value"]")$("[foo!='value']")$([foo$=".jpg"])以.jpg结尾
jQuery事件:以click时间举例,
$("button").click(function(){ });
其他常见的事件还有:dbclick focus mouseover......................;
jQuery效果:以hide()为例:
$("div1").hide();//参数可选,(speed,callback)speed:slow fast 或是毫秒数
其他还有hide() show() toggle() fadeIn() fadeOut() fadeToggle() fadeTo(speed,opacity,callback)
slideUp()滑动效果是元素出现和隐藏 slideDown() slideToggle()等;
还有animate(),添加动画效果参数有({CSS属性 color:"red"},speed,callback);stop()方式用于停止动画以及效果进程。
callback函数用于在顺利执行方法后执行。
jQuery获得内容和属性:text()获取或设置文本 html()获取或设置html代码 val()获取或设置表单元素的值 方法;
获取或设置属性attr(),attr("属性名称":"属性值");
jQuery添加元素:append()被选元素的结尾;prepend()被选元素的开头 after() 后边 before()之前
append() and prepend() after() before()can receive many newElements
jQuery删除元素:remove()删除被选元素,empty()删除被选元素的子元素;
jQuery操作CSS addClass() removeClass() toggleClass() css() css("propertyname")返回css属性值
css("propetyname","value")设置css属性;
jQuery尺寸:width()设置数值使用整数即可 height() innerWidth() innerHeight() outerWidth(true) outerHeight(true)
jQuery遍历:parent()直接父元素 parents()所有父元素 可添加参数进行搜索 parentUntil("元素便签名")介于两个元素之间的父元素
children(),返回所有直接子元素 可使用参数搜索 find()返回所有后代 可使用参数搜索。
siblings()所有同胞元素 next() nextAll() nextUntil() prev() prevAll() prevUntil()部分可使用参数搜索
first() 被选元素的第一个元素 last() eq()选择带有索引号的元素 filter()筛选 参数是选择符 not()与filter相反
jQuery Ajax:get(url,callback) 回调函数有2个参数 第一个接收responseText 第二个接收status。
post(url,data,callback)
jQuery noConflict()方法用来替换选择符。var jq=$.noConflict();
转载于:https://www.cnblogs.com/kirinchang/p/4334282.html
jQuery快速复习相关推荐
- JQuery 基础 || 目前 jQuery 有三个大版本||JQuery快速入门
1. 概念: 一个JavaScript框架.简化JS开发 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScrip ...
- jQuery快速入门
jquery快速入门 jQuery的作用:1.取得页面中的元素:2.修改页面的外观:3.改变页面的内容:4.响应用户的页面操作:5.为页面添加动态效果:6.无须刷新页面即可从服务器获取数据:7.简化常 ...
- jQuery快速学习
jQuery快速学习 1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们 ...
- Java基础部分快速复习(以前复习的时候放在自己的新浪博客上)
工作后Java基本没有用到,有时候自己也会把基础过一遍,下面的链接是以前重温的时候整理的Java基础最核心部分的知识点和代码示例放在自己的新浪博客上,如果以后有需要,直接从这里进入,可以快速复习,节省 ...
- Java虚拟机知识点快速复习手册(上)
前言 本文快速回顾了常考的的知识点,用作面试复习,事半功倍. 上篇主要内容为:虚拟机数据区域,垃圾回收 下篇主要内容为:类加载机制 面试知识点复习手册 全复习手册文章导航 Csdn全复习手册文章导航: ...
- 数值分析快速复习(1)——Matlab数值积分
数值分析快速复习(1)--Matlab数值积分 序言 数值积分基础知识 为什么要进行数值积分? 数值积分的几种基本方法? 插值型 复化求积公式 Romberg公式 作业:Matlab实现Romberg ...
- 计算机网络基础知识点快速复习手册
前言 本文快速回顾了计算机网络书本中常考的的知识点,用作面试复习,事半功倍. 主要内容有:计算机网络体系结构,TCP与UDP,UDP/TCP实现DEMO代码 面试知识点复习手册 全复习手册文章导航 全 ...
- 谭浩强C程序设计快速复习笔记
README 该笔记主要根据岭南学院专插本的考纲进行编写.用到的教材是谭浩强的<C程序设计>第三版 适用人群:对C有一定基础,针对考点快速复习的考生.但不限于岭南学院专插本考生 亮点:①结 ...
- 使用jQuery 快速高效制作 网页特效
使用jQuery 快速高效制作 网页特效 第一章:JavaScript基础 DOM:document object model 文档对 ...
最新文章
- Redis资料汇总专题
- 如何检查字符串是否为空?
- 使用jquery获取url以及jquery获取url参数的方法
- [重构到模式-Chain of Responsibility Pattern]把Fizz Buzz招式重构到责任链模式
- [分享]另一种对 IDisposable 的实现
- About Site Definition Files
- 返回变量内容的错误示例和正确返回的4种方法
- 自己寫的 Loading JS插件
- android 单元测试 多线程,多线程之单元测试(Junit)
- 【操作系统/OS笔记19】数据块缓存
- 2019118_四个化学数据分析(4)
- mybatis配置sql超时时间
- linux 虚拟ip 漂移,keepalived 虚拟ip切换
- 通用权限管理系统设计篇
- aseprite 中心对称绘制脚本
- 2008中国网游老总语录之史玉柱
- android 永久root权限,安卓 实现永久性开启adb 的root权限
- 基于matlab的调用电脑摄像头,截取视频图像识别颜色
- 2019信用卡权益总结之八:常规多倍积分
- LTE中物理资源块的进一步认识
热门文章
- Codeforces Round #420 E
- Unity UGUI——Rect Transform包裹(Anchor Presets)
- SQL Server调优系列玩转篇三(利用索引提示(Hint)引导语句最大优化运行)
- 解析IOS控制台利用GDB命令查看报错堆栈
- C# Marshal的使用,非托管内存中分配内存注意的问题
- windows内存结构概述
- 微信小程序实现数字为四位一组间隔(仿银行卡卡号)
- 上海oracle办公地址_筑梦之星上海共享办公基地为什么受到市场追捧?
- 超级马里奥游戏像素素材_《超级马里奥3D世界+库巴之怒》游戏文件尺寸相当小...
- 玩游戏老显示计算机内存不足,windows8.1玩游戏经常提示内存不足