jQuery学习基础知识小结


Posted in Javascript onNovember 25, 2010

jQuery学习笔记:

jQuery学习
1、基本语法:
$(selector).action()
$:定义jQuery
selector:选择符,查询和查找HTML元素
action():对元素执行的操作
实例:
$(this).hide()------隐藏当前元素
$("p"),hide()-------隐藏所有的p元素
$("#ID").hide()-----隐藏id=ID的元素
$("p.Class")--------隐藏class=Class的P

$(document).ready(function(){-----});
这样用为了防止文档未加载就运行jQuery代码。
2、选择器通过属性选择元素
$("[href]") 选择所有具有href属性的元素
$("[href='AA']") 选择属性href=‘AA'的元素
$("[href!='AA']")选择所有href!=‘AA'的元素
$("[href$='.jpg']")选取所有href值以.jpg结尾的元素
3、选择器选择Css属性
$("p").css("background-color","red"); 修改所有的p元素的背景颜色为红色
$("div#ID .Class") id=ID的div元素中所有class=Class的元素
4、名称冲突
var jQMy = jQuery.noConflict() yong jQMy代替$
5、常用事件
$(document).ready(function) 文档的就绪事件
$(selector).click(function) 被选元素的点击事件
$(selector).dblclick(function) 被选元素的双击事件
$(selector).focus(function) 被选元素获得焦点事件
$(selector).mouseover(function) 被选元素鼠标悬停事件
6、jQuery效果
$(selector).hide() 隐藏被选元素
$(selector).show() 显示被选元素
$(selector).toggle() 切换(在隐藏与显示之间)被选元素
$(selector).slideDown() 向下滑动(显示)被选元素
$(selector).slideUp() 向上滑动(隐藏)被选元素
$(selector).slideToggle() 对被选元素切换向上滑动和向下滑动
$(selector).fadeIn() 淡入被选元素
$(selector).fadeOut() 淡出被选元素
$(selector).fadeTo() 把被选元素淡出为给定的不透明度
$(selector).animate() 对被选元素执行自定义动画
参数:"slow", "fast", "normal" 或毫秒
回调函数:callback
$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
7、jQuery的HTML操作
$(selector).html(content) 改变被选元素的(内部)HTML
$(selector).append(content) 向被选元素的(内部)HTML 追加内容
$(selector).prepend(content) 向被选元素的(内部)HTML “预置”(Prepend)内容
$(selector).after(content) 在被选元素之后添加 HTML
$(selector).before(content) 在被选元素之前添加 HTML
8、jQuery的CSS操作
$(selector).css(name,value) 为匹配元素设置样式属性的值
$(selector).css({properties}) 为匹配元素设置多个样式属性
$(selector).css(name) 获得第一个匹配元素的样式属性值
$(selector).height(value) 设置匹配元素的高度
$(selector).width(value) 设置匹配元素的宽度
9、jQuery AJAX 请求
$(selector).load(url,data,callback) 把远程数据加载到被选的元素中
$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback) 加载并执行远程的 JavaScript 文件
(selector) jQuery 元素选择器语法
(url) 被加载的数据的 URL(地址)
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时,所执行的函数
(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项

Javascript 相关文章推荐
利用javascript中的call实现继承
Jan 22 Javascript
翻译整理的jQuery使用查询手册
Mar 07 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
JQuery的Ajax跨域请求原理概述及实例
Apr 26 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
javascript预览上传图片发现的问题的解决方法
Nov 25 #Javascript
juqery 学习之三 选择器 子元素与表单
Nov 25 #Javascript
juqery 学习之三 选择器 可见性 元素属性
Nov 25 #Javascript
juqery 学习之三 选择器 简单 内容
Nov 25 #Javascript
juqery 学习之三 选择器 层级 基本
Nov 25 #Javascript
jquery 学习之二 属性 文本与值(text,val)
Nov 25 #Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 #Javascript
You might like
PHP会话控制:Session与Cookie详解
2014/09/27 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
javascript字符串拼接的效率问题
2010/12/25 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
Python基于DES算法加密解密实例
2015/06/03 Python
Python中元组,列表,字典的区别
2017/05/21 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
最新自我评价范文
2013/11/16 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
科学发展观标语
2014/10/08 职场文书
英文慰问信范文
2015/03/24 职场文书
幼儿园开学通知
2015/04/24 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
小学英语课教学反思
2016/02/15 职场文书