JQuery入门初级插件02

先来介绍一下json，那什么是json? 　
JSON 全称单词 -->（JavaScript Object Notation）是一种轻量级的数据交换格式。
JSON基础结构： JSON结构有两种结构, json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。
1.2 json对象字符串的体现形式–> 例如：{sid:‘001’,sname:‘张三’，sage:‘18’ }
json对象数组的体现形式–> 例如：[9,4,3,5,7]
json对象混合的体现形式–> 例如：{sid:1007,
sname:‘李四’,
shobby:[‘吃饭’,‘睡觉’,‘打游戏’]
}

<script type="text/javascript">$(function(){//json第一种数据表现形式  ：集合var $jsonVal={sid:'1',sname:'张三'}//alert($jsonVal.sname);console.log($jsonVal);//json第二种数据表现形式  ：数组var $jsonArray=[1,2,3,4];//alert($jsonArray[1]);console.log($jsonArray);//json第一种种数据表现形式  ：混合模式var $jsonObj={sid:2,sname:'monster',hobby:['吃饭','打架','捉迷藏']}//alert($jsonObj.hobby);console.log($jsonObj);})
</script>

2 jquery的.extend和.extend和.extend和.fn.extend作用及区别 ?
2.1 虽然 javascript　没有明确的类的概念，但是用类来理解.extend和.extend和.extend和.fn.extend，会更方便。
jQuery便是一个封装得非常好的类，比如我们用语句　$("#btn1") 会生成一个 jQuery类的实例。
jQuery.extend(object);　为jQuery类添加类方法（用于扩充jquery类属性或方法用的），可以理解为添加静态方法。如：

jQuery.extend({

min: function(a, b) { return a < b ? a : b; },

max: function(a, b) { return a > b ? a : b; }

});

jQuery.min(2,3); // 2
jQuery.max(4,5); // 5

$.extend（a,b,c）；后面的对象，扩充前一个对象，如若之前已经扩充过的属性会被覆盖，后面的新属性如若是之前没有的属性，就继续扩充；

2.2 jQuery.fn.extend(object);
对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
综合代码来看一个表格悬停变色，

JQuery入门初级插件02相关推荐

jQuery入门之插件
插件:jQuery插件就是我们塞进jQuery命名空间中一个庞大的函数,往类库里面去扩展方法,这类方法就是jQuery插件.插件一般分为自定义插件,以及第三方插件. 一.自定义 ...
jquery将html转为pdf文件,HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解
本篇教程介绍了HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.目的:在前段是 jQuery库或 ...
JQuery 入门 - 附案例代码
文章目录预备知识与后续知识及项目案例为什么要学jquery 体验jquery的使用 jquery到底是什么 jquery的版本问题 jquery的入口函数 jq对象和dom对象(重要) jquer ...
Jquery入门到精通-任亮-专题视频课程
Jquery入门到精通-10784人已学习课程介绍 jquery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作. 使用户能更方便地处理HTML ...
jQuery入门基础-附案例
文章目录预备知识与后续知识及项目案例为什么要学jquery jQuery介绍 JavaScript 库 jQuery的概念 jQuery的优点体验jquery的使用 jquery到底是什么 jq ...
Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
Jquery入门详解
JQuery 入门介绍 1.JQuery概述:Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器(I ...
精心挑选的23款美轮美奂的 jQuery 图片特效插件
jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择.其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种 ...
jQuery——入门（二）动画
jQuery -- 入门(二)动画/效果一.案例解析 hide([speed,[easing],[fn]]) []:意思表示的方括号中的东西是可选的,可有可无的: []中,会有对应的参数名称[变量名 ...

JQuery入门初级插件02

JQuery入门初级插件02相关推荐

最新文章

热门文章

JQuery入门 初级插件02

JQuery入门 初级插件02相关推荐

最新文章

热门文章

JQuery入门初级插件02

JQuery入门初级插件02相关推荐