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 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
原生js实现无限循环轮播图效果
Jan 20 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 Javascript
js实现翻牌小游戏
Jul 31 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扩展函数
2006/10/09 PHP
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
TP5(thinkPHP框架)实现后台清除缓存功能示例
2019/05/29 PHP
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
javascript基本类型详解
2014/11/28 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
python实现进程间通信简单实例
2014/07/23 Python
Python实现简单HTML表格解析的方法
2015/06/15 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
详解python变量与数据类型
2020/08/25 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
英国在线药房:Express Chemist
2019/03/28 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
理工科学生的自我评价
2013/12/15 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
材料加工工程求职信
2014/02/19 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
活动总结模板大全
2015/05/11 职场文书
女性励志书籍推荐
2019/08/19 职场文书
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
mysql分表之后如何平滑上线详解
2021/11/01 MySQL