1.jQuery
其中整个框架库只有一个对象叫做jquery,别名叫做$这个符号
jQuery 是一个 JavaScript 库
jQuery 极大地简化了 JavaScript 编程,基于javascript开发的库
jQuery 库是一个 JavaScript 文件
1.下载+导入https://jquery.com/#Download_jQuery
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
引用外部: <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head>
2.语法:
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素 :
文档就绪后执行函数$(document).ready(function(){xxxx}):当前this;“标签名”;“.class选择”;“#id选择”;
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
可以简化为
$(); 里面传入一个函数function()代表着文档DOM已经完全加载完之后再运行该函数
$(); 里面传入选择器代表着选择元素DOM
$(
function(){
$("选择器").动作;
}
);
- jQuery 的 action() 执行对元素的操作
动作可以是:函数(内置函数),属性()
3.应用
- 效果
- HTML
- 根据结构树查找html元素
- AJAX:它在不重载全部页面的情况下,实现了对部分网页的更新。
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
$.ajax(
{ type="post",
url:"xxx",
//为了防止使用本地缓存,让每次url都变化 url=“xxxx?timeid=”+new Date().gettime()
data:“username=”+$("#textusername").val()+"&password="
//表单中的数据字符串 参数名=参数值&参数名=参数值
或者使用json格式的键值对形式字符串 '{“xxx”:"xxx","xxx":"xxx"}'
// json对象方法 JSON.stringify(myObj); js对象myObj中添加每个表单的值 var obj= new Object()
//obj.xxx=$("#xx").val()
success(属性名):function( data ){
//执行成功后的操作 data是后台返回的响应数据 用json格式的文本传到前端转化为js对象 eval(“var //emp=”+data)利用这个方法转化
//json格式:json对象{“属性名”:“属性值”} 或者json数组 [多个对象]
alert(data);
},
dataType:"json" //指定相应格式json,默认为文本
}
);
使用ajax使用json:
如何把java对象转化为一个json格式的字符串:使用第三方组件fastjson.jar
string s=JSONObject.toJSONString(一个对象或者一个对象集合);