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 相关文章推荐
Json和Jsonp理论实例代码详解
Nov 15 Javascript
node.js操作mysql简单实例
May 25 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
Sep 04 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
JS实现移动端双指缩放和旋转方法
Dec 13 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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基于GD库画五星红旗的方法
2015/02/24 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
js获取时间精确到秒(年月日)
2016/03/16 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
webpack源码之loader机制详解
2018/04/06 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
JS+DIV实现拖动效果
2020/02/11 Javascript
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python and、or以及and-or语法总结
2015/04/14 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
J2EE面试题集锦(附答案)
2013/08/16 面试题
教师专业理论水平的自我评价分享
2013/11/09 职场文书
幼儿教师考核制度
2014/01/25 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
给学校的建议书400字
2015/09/14 职场文书
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python