一、ajax概述
1、Ajax–异步(Async)的Javascript And Xml
2、用于页面的局部刷新
3、提升用户的体验,节省流量
4、核心组件XMLHttpRequest,是所有浏览器内置的组件
二、jQuery
1、内置了Ajax组件
2、js函数库的集合体
3、“写得少、做的多!”
4、jQuery的使用
(1)在页面引入jquery.js文件
<script src="jQuery.js"></script>
(2)jQuery的启动($就是jQuery)
<script>
$(function(){
.....
});
</script>
在当前页面元素加载完成后，执行function中的代码！
5、将页面的标签对象转为jQuery对象
(1)
(
"
标
签
名
称
"
)
;
获
取
的
是
对
象
数
组
例
如
:
‘
("标签名称");获取的是对象数组 例如:`
(“标签名称“);获取的是对象数组例如:‘(“body”)`
(2)使用id获取标签元素的对象
$("#标签id值") 等同于document.getElementById("id值");
(3)使用jQuery为标签元素设置属性
1)设置单个属性的值
$("#标签id").attr("属性名称","值");
2)设置多个属性的值
$("#标签id").attr({"属性名称1":"值1",...,"属性名称n":"值n"});
3）获取属性的值
var xxx=$("#标签id").attr("属性");
4)使用each遍历对象数组元素
$("标签名").each(function(){
$(this).attr(....);
});
$(this)表示数组元素对象
6、使用jQuery获取标签元素的文本内容（主要是div层的文本内容）
(1)获取html内容
var xx=$("#id").html();//等同于xxx=xxx.innerHTML;
(2)给标签元素设置html内容信息
$("#id").html("内容信息");//等同于xxx.innerHTML="......";
(3)获取纯文本内容
var xxx=$("#id").text();
(4)给标签元素设置纯文本内容信息
$("#id").text("内容信息");//等同于xxx.innerTEXT="......";
7、获取表单元素的值
(1)获取文本框的值
var xxx=$("#文本框id").val();
(2)给文本框设置值
$("#文本框id").val("值");
(3)获取单选按钮的值
var xx=$(":radio[name='单选按钮name属性值']:checked").val();
设置单选按钮的值
$(":radio[value='值']").attr("checked",true);
(4)获取和设置下拉列表框的值
var xxx=$("#下拉列表框id").val();
设置下拉列表框的值
$("#下拉列表框id").val("值");
设置下拉列表框的option子元素
$("#下拉列表框id").append("<option value='值'>文本</option>");
(5)获取复选框的值
var xxx=[];
$(":checkbox[name='复选框name属性值']:checked").each(function(){
var value=$(this).val();
xxx.push(value);//给数组赋值
});
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/96885.html
