JQuery和Ajax
JQuery
jQuery 是一套兼容多浏览器的 javascript 脚本库. 核心理念是写得 更少，做得更多，使用 jQuery 将极大的提高编写 javascript 代码 的效率，帮助开发者节省了大量的工作，让写出来的代码更加优 雅，更加健壮，"如虎添翼"。
Dom对象 与 Jquery包装集对象
Dom对象 通过js方式获取的元素对象（document）
/*  Dom对象 */
var divDom = ElementById("mydiv");
console.log(divDom);
var divsDom = ElementsByTagName("div");
console.log(divsDom);
// js获取不存在的元素
var spanDom = ElementsByTagName("span");
console.log(spanDom);
var spanDom2 = ElementById("myspan");
console.log(spanDom2);
Jquery对象 通过jquery方法获取的元素对象，返回的是jquery包装集
/* Jquery对象 */
// 通过id选择获取元素对象  $("#id属性值")
var divJquery = $("#mydiv");
console.log(divJquery);
// jquery获取不存在的元素
var spanJquery = $("#myspan");
console.log(spanJquery);
Dom对象 转 Jquery对象
// Dom对象转为jQuery对象，只需要利用$()方法进行包装即可
var divDomToJquery = $(divDom);
console.log(divDomToJquery);
Jquery对象 转 Dom对象
// 获取包装集对象中指定下标的元素，将jquery对象转换成dom对象
var divJqueryToDom = divJquery[0];
console.log(divJqueryToDom);
基础选择器
id选择器
#id属性值 $("#id属性值")
选择id为指定值的元素对象（如果有多个同名id，则以第一个为准）
类选择器
.class属性值 $(".class属性值 ")
选择class为指定值的元素对象
元素选择器
标签名/元素名 $("标签名/元素名")
选择所有指定标签的元素对象
通用选择器
* $("*")
选择页面中所有的元素对象
组合选择器
选择器1,选择器2,.. $("选择器1,选择器2,..")
选择指定选择器选中的元素对象
jquery在一个元素后追加标签
层次选择器
后代选择器
格式： 父元素 指定元素 （空格隔开）
示例： $("父元素 指定元素")
选择父元素的所有指定元素（包含第一代、第二代等）
子代选择器
格式： 父元素 > 指定元素 （大于号隔开）
示例： $("父元素 > 指定元素")
选择父元素的所有第一代指定元素
相邻选择器
格式： 元素 + 指定元素 （加号隔开）
示例： $("元素 + 指定元素")
选择元素的下一个指定元素（只会查下一个元素，如果元素不存在，则获取不到）
同辈选择器
格式： 元素 ~ 指定元素 （波浪号隔开）
示例： $("元素 ~ 指定元素")
选择元素的下面的所有指定元素
表单选择器
表单选择器 :input
查所有的input元素：$(":input")；
注意：会匹配所有的input、textarea、select和button元素。
文本框选择器 :text
密码框选择器 :password
单选按钮选择器 :radio
多选按钮选择器 :checkbox
提交按钮选择器 :sunmit
图像按钮选择器 :image
重置按钮选择器 :reset
文件域选择器 :file

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。