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();

时间: 2024-08-02 11:45:41

jQuery快速复习的相关文章

使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup

http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/ 简介 Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索.使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器.Ajax 也是许

jquery 快速入门学习总结

jquery 快速入门学习总结 jquery简介 jquery 是一个免费,开源的javascript 库. jquery作用 方便完成web前端的工作,例如节点操作,元素操作,事件绑定,ajax操作,并且解决了大部分的兼容问题 jquery使用配置 1.本地配置 1.1 下载jquery文件,  www.jquery.com 1.2 引入,放在文件同目录       <script type="text/javascript" src="jquery.1.8.3.mi

jQuery 快速入门教程

内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQuery 选择器选取元素,并封装为jQuery对象 将现有的DOM元素封装为jQuery对象 将HTML字符串封装为jQuery对象 元素筛选 jQuery 核心:DOM操作的原则 切记混淆jQuery对象和Element对象的方法 Get and Set in One 原则 Get first Set

使用JQuery快速高效制作网页交互特效

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用jQuery快速高效制作网页交互特效(3)

引入jquery时 不允许在 引入的这行script标签中完成代码的编写 必须另起一行,再写一个script标签完成程序 window.onload事件触发在jquery加载完毕触发之后 window.onload 在当前页面有且仅能存在1个 $(document).ready(function()//在页面加载完毕时 触发 {  alert("hello jquery!"); }); DOM对象是靠 javascript形式获取的元素(节点)信息 所能用的只有javascript中的

jquery知识点复习

一. 基本概念 jQuery简介 jQuery是一个基于javascript的框架.它提供了丰富的选择器和大量的函数,可以方便的实现网页中各种动态的效果.迄今为止,已经有大量的jquery插件和基于jQuery的UI框架(miniui.easyui.ligerui). jQuery的宗旨是:write less,do more! 文档加载完毕函数 常规形式:$(document).ready(function(){- -}); 简写形式:$(function(){- -}); jquery对象和

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

JQuery快速入门

Write less, do more, I like jQuery. jQuery是最常用的js库,整体来说非常轻量并易于扩展,对于移动应用可以使用其更轻量的孪生兄弟Zepto代替.其是由John Resig于2006创建的开源项目,极大的简化了javascript开发人员遍历HTML文档.操作DOM.处理事件.开发Ajax等操作,最有特色的形式是$(document).ready(function() {});其省略形式为:$(function() {});. 在使用jQuery时,需要注意

css3快速复习

选择器边框.阴影 border-radius: 50%; 设置正圆形背景的改变CSS3重要的新东西: ● transition 过度,让一个元素从一个样式,变为另一个样式,不再是干蹦了,而是有动画,均匀的完成. transition属性要写给元素的原来样式中, transition:要过度的css属性 时长 是否匀速 延迟; 比如:transition:all 1s ease 0s;如果要匀速,写linear transition属性什么时候能够触发?? :hover可以触发过渡 JS直接控制元