jQuery 对象
"background-color: #ccffcc">"color: #ff00ff">1.数组的类型是Array
2.类数组对象的类型是 Object
DOM 对象转 jQuery 对象
"htmlcode">
var item = document.getElementsByTagName('ul')[0], // DOM对象 $item = $(item); // jQuery对象
jQuery 对象转换为 DOM 对象
jQuery 对象通过 jQuery 提供的 get(index)方法,得到对应的 DOM 对象
var $ul = $('ul'), ul = $ul.get(0);
jQuery 对象是一个类数组对象,可以通过 [] 方式,得到对应的 DOM 对象。
类数组对象
类数组对象本质就是一个对象,只不过存储方式类似于数组的结构
"color: #ff0000">属性
"color: #ff0000">方法
"background-color: #ccffcc">ready 和 onlaod 的区别
ready
1.具有简写方式
2.在一个 HTML 页面中允许出现多个
3.加载完 DOM 结构就执行
4.执行速度快
onload
1.没有简写方式
2.在一个 HTML 页面中只能使用一个
3.需要等页面所有资源加载完才执行
4.执行速度比 ready 慢
jQuery 动画
基本隐藏、显示效果
"htmlcode">
$('div').show(1000).hide(1000);
若是对同一个 jQuery 对象使用,可以采用链式操作。
滑动式动画效果
"htmlcode">
$('div').slideUp(1000).slideDown(1000);
淡入淡出
"htmlcode">
$('div').fadeIn(1000).fadeOut(1000);
并发和排队效果
"color: #ff0000">jQuery 插件
jQuery 插件的作用
"color: #ff0000">开发插件
全局函数
全局函数,实际上就是 jQuery 本身的方法。
jQuery 内置的一些功能是通过全局函数实现的。
"htmlcode">
$.globalFunction = function(){ // todo... };
可以通过 jQuery.globalFunction()或者 $.globalFunction()来调用
当需要添加多个函数可以使用$.extend()函数
$.extend({ functionOne: function(){ // todo... }, functionTwo: function(){ // todo... } });
通过上述代码可以添加全局函数,但是代码存在有关命名空间的风险
我们可以把属于一个插件的所有全局函数封装到一个对象
$.plugins = function(){ functionOne: function(){ // todo... }, functionTwo: function(){ // todo... } };
通过上述代码,其实是为全局函数创建了另一个方法 --- plugins
functionOne 和 functionTwo 已经成为 plugins 对象的属性。
$.plugins.functionOne(); $.plugins.functionTwo();
添加 jQuery 实例对象的方法
$.fn.method = function(){};对象方法的环境
在任何插件方法内部,关键字 this 引用的都是当前调用方法的 jQuery对象,因此可以在 this 上面调用任何内置的 jQuery 方法。
方法连缀
通过 return this 来实现链式操作
以上这篇jQuery学习心得总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 杨阳《约定HQCDII》头版限量编号2024[WAV+CUE]
- 曝《黑神话:悟空》DLC明年推出 农历新年前后
- PS5日本涨价19% 索尼股价应声上涨2.7%
- 《黑神话》发行平台遭大规模网攻 外媒却鲜有报道
- 伍佰《爱你伍佰年 世纪典藏原音精选3CD》[WAV+CUE][2.3GB]
- 伍佰《爱情的尽头》[WAV+CUE][2.6GB]
- 伍佰 《光环摇滚之声DSD》[WAV+CUE][500MB]
- 王菲.1999-只爱陌生人【EMI百代】【WAV+CUE】
- 林美音.1993-酒后的心声【瑞华】【WAV+CUE】
- 群星.2024-凡人歌电视剧原声带【正午阳光】【FLAC分轨】
- 黑神话悟空上品骨悚然精魄获取方法一览|上品骨悚然精魄收集攻略
- 《演灭Evotinction》正式登陆多平台发售!带你进入科幻潜行新境界
- 命运圣契2024公测最新兑换码大全 命运圣契开服可用兑换码汇总
- 银霞.1979-《回答·兰花草》新加坡限量复黑版[WAV+CUE]
- 王菲.1996-《乐乐精逊SACD日本限量版[WAV+CUE]