- 什么是jQuery
它是一个轻量级的javascript类库
2.jquery的三种程序入口
①window.function(){}
②
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
(
f
u
n
c
t
i
o
n
(
)
③
(document).ready(function(){} ③
(document).ready(function()③(function(){}
区别:第一种需要图片,嵌入的文件等等加载完毕后才会执行
第二种和第三种只要整个jsp的document结构加载出来就会执行
3.jQuery三种工厂方法
①$()是相当于jQuery的工厂,通过这种写法可以创建各种jQuery对象
标签选择器 $(“a”).click(function(){}
ID选择器 $("#a3")
类选择器 $(".c2")
包含选择器 $(“p a”)
组合选择器 $(“a”,“div”)
②jQuery(html) html:基于html的一个字符串
appendTo是将前面的jQuery对象加到后面的jQuery对象中
append是往前面的jQuery对象中追加到后面的jQuery对象中
③jQuery(element) element:js对象,表示一个html元素
js对象与jquery对象的相互转换
a./* js-->jquery */
var h1Node = document.getElementById("h1");
alert(h1Node.value);
var $h1Node = $(h1Node);
alert($h1Node.val());
b./* jquery-->js */
var $h2Node = $("#h2");
alert($h2Node.val());等价于 /* var h2Node = $h2Node.get(0); */
var h2Node = $h2Node[0];
alert(h2Node.value);
4.this指针的作用
a.事件源(获取当前按钮的按钮值)
b.当前元素(点击按钮,获取所有a标签的值)
c.
-----------------------------------------
1.json的三种格式
1.1 对象
{sid:‘s01’,sname:‘zs’}
1.2 列表/数组
[1,3,4,5]
1.3 混合模式
{id:3,hobby:[‘a’,‘b’,‘c’]}
-
.
e
x
t
e
n
d
(
类
对
象
:
带
s
t
a
t
i
c
的
方
法
。
可
以
用
类
名
去
点
方
法
)
和
.extend(类对象:带static的方法。可以用类名去点方法)和
.extend(类对象:带static的方法。可以用类名去点方法)和.fn.extend(实例方法,需要实例化出一个对象才能调用方法)
2.1 $.extend:对象的扩展(或继承)
$.extend(obj1,obj2,obj3[,…])
$.extend(obj1,obj2)
. e x t e n d ( o b j 1 ) / .extend(obj1)/ .extend(obj1)/.method=function(options){…};
$.extend jsonObj4多继承了jsonObj1,jsonObj2(java的面向对象)
将后面的json对象的内容扩充到第一个json对象中
如果后面的json对象和前面的json对象属性有所相同,那么会覆盖
2.2 $.fn.extend 拓展jQuery的实例方法,是为了给table添加css样式
.
f
n
.
e
x
t
e
n
d
(
o
b
j
1
)
/
/
.fn.extend(obj1)//
.fn.extend(obj1)//.fn.method=function(options){…};
-----------------------------------------------
- jackson
定义:Jackson是一个简单基于Java应用库,Jackson可以轻松的将Java对象 转换成json对象和xml文档,同样也可以将json、xml转换成Java对象
核心代码:
ObjectMapper mapper = new ObjectMapper();
mapper.writeValueAsString(obj);