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 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
csdn 论坛技术区平均给分功能
Nov 07 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
详解angular2.x创建项目入门指令
Oct 11 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
CountUp.js实现数字滚动增值效果
Oct 17 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
JQuery实现折叠式菜单的详细代码
Jun 03 jQuery
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP实现把数字ID转字母ID
2013/08/12 PHP
修改apache配置文件去除thinkphp url中的index.php
2014/01/17 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
Python常用小技巧总结
2015/06/01 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python3之文件读写操作的实例讲解
2018/01/23 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
Python实例方法、类方法、静态方法区别详解
2020/09/05 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
美国休闲服装品牌:J.Crew Factory
2017/03/04 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
主题教育活动总结
2014/05/05 职场文书
五好关工委申报材料
2014/05/31 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
2014年环保局工作总结
2014/12/11 职场文书
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫