废话不说，直接上图
一 js的基本操作
(1)js 的六种数据类型
var n4;//六种数据类型用typeof来确定类型，Null类型的用typeof是不行的，这个是特殊
alert(typeof (n4));
var n1 = 123;
alert(typeof n1);
var n2 = "hahaha";
alert(typeof (n2));
var n3 = true;
alert(typeof (n3));
var n5 = null;
alert(String(n5));
var n6 = new Object();
alert(typeof (n6));
（2）是否相等的两种判断'=='和'===
var n1 = null;
alert(Boolean(n1));
alert(Boolean(n2));
if (n1 === n2) {//这里双等号和三等号是不同的，两个等号会将值进行类型转换再判断，三个等号不仅判断值还判断数据类型
alert("相等");
alert("不相等");
//判断一个变量或者对象是不是可以使用
if (typeof (n3) != undefined && n3 != null) {
alert("可以使用");
alert("不能使用");
(3)类型转换的问题
//类型转换， parseInt和parseFloat
var n = '10';
alert(parseInt(n) + 90);
var n = '10skdfj';
alert(parseInt(n));
var n = '2.513';
alert(parseFloat(n));
var n = 'sdf';
alert(parseInt(n));//如果是不能转换的类型，即返回NAN，就是not a number
//---------------判断是否转换成功
var n = 'string';
if (isNaN(parseInt(n))) {
alert('不可以使用');
alert('可以使用');
// ------------------测试调试
var sum = 0;
for (var i = 0; i & 6; i++) {
alert(sum.toString());
（4）js中的方法
访问修饰符+返回值类型+方法名+【参数列表】
C#中的方法声明
public void Show(string str)
//关键字function +方法名+【参数列表(无须声明参数类型)】
js中的方法声明（注意没有返回值类型）
function func(n) {
alert('嘎嘎');
function func() {
alert('不要闹');
func('哈哈');//js中没有方法的重载这么一说，就是浏览器从上到下一行一行解析
（5）最简单的面向对象，
function Person() {
var per = new Person();
per.name = '张三';
per.Sayhello = function () {
alert('大家好，我叫' + per.name);
alert(per.name);
per.Sayhello();
//===================//
function Person(name, age) {
this.name =
this.age =
this.Sayhello = function () {
alert('大家好，我叫' + this.name + '我今年' + this.age + '岁了');
var per = new Person('李四', 51);
alert(per.name);
per.Sayhello();
（6）字符串对象的几个常用方法
// 1，字符串.length表示字符串的长度
var str = new String('嘎嘎');
alert(str+str.length);
var str = '我是字符串的内容';
alert(str.length);
alert('今天天气好晴朗处处好风光'.length);
// 2,字符串.charAt();表示获取指定索引位置的字符串
var char = '今天天气好晴朗处处好风光';
alert(char.charAt(6));
3,indexOf('字符串',startIndex)方法，获取指定字符串第一次出现的位置,找不到就放回-1
var str = '啦啦啦德玛西亚哦';
alert(str.indexOf('西',6));
// 4,spilt('字符串',limit);根据分隔符把字符串返回为一个数组
var str = '今|天|天|气|好|晴|朗';
var result = str.split('|');//接受数组不需要循环，但是一个一个输出需要循环，否则就一次行输出，用逗号隔开
alert(result);
for (var i = 0; i & result. i++) {
alert(result[i]);
//5,spilt切割字符串可以用正则表达式
var str = 'a☆b★c#d';
alert(str.split(/☆|★|#/));
//6,substr和substring，都是从索引位置开始切割，第二个参数有所不同,一个是切割多少个，一个是切割到哪个索引
var str = '今天天气好晴朗处处好风光';
alert(str.substr(3, 2));
alert(str.substring(3, 5));
//7,touppercase和tolowercase 转换大小写
var str = 'i
alert(str.toUpperCase());
二 DOM操作
整个页面或者说窗口就是一个window对象所以页面的一些元素都可以通过window点出来
1.页面的点击事件有两个,body的onclick----------只限于在body中点击才能触发document.onclick----------整个页面内点击都可以触发
2.动态设置事件有两种方式:(1)直接在某个标签中写js代码,如:&input type="button" onclick="js代码" /&(2)通过document.getElementById('id').onclick=匿名函数;在这个匿名函数中写要执行的代码;
3.window对象的属性和方法:一般情况,使用window的属性或者方法可以省略window,直接写方法名就可以;如:window.alert('我好帅');----我们可以省略confirm('弹出内容');----这个方法返回bool类型,可以通过这个方法尽心弹框window.navigate(url);----这个方法的意思是指重新导航;---------------IE和空中支持window.location.href=-----这个可以直接赋值,表示的是去这个网址-所有浏览器都支持window.location.reload();----这个方法相当于刷新
4.js中的两个计时器setInterval(code,delay);这个计时器指的是每隔多长时间执行一次里面的代码setTimeout(code,delay);这个计时器指的是隔多长时间就执行一次两个计时器都是方法,返回值都是他们本身的id,有了id就可以销毁计时器clearInterval(intervalId);---是第一个计时器的销毁方法clearTimeout(setTimeoutId);----是清除第二个计时器的方法
5.doucument的事件三个onload（页面加载后触发）---常用onunload（页面卸载后触发）--不常用onbeforeunload（页面卸载前触发）---经常用
6.window.event----一般兼容IE,火狐不兼容
window.event.altKey---检测用户按下的是alt键
window.event.ctrlKey---检测用户按下的是ctrl键
window.event.shiftKey--检测用户按下的是shift键
window.event.clientX---发生事件的时候鼠标在客户区的横坐标
window.event.clientY---发生事件的时候鼠标在客户区的纵坐标
window.event.screenX---发生事件时鼠标在屏幕上的横坐标
window.event.screenY---发生事件时鼠标在屏幕上的纵坐标
window.event.offsetX---发生事件时鼠标相对于事件源的横坐标
window.event.offsetY---发生事件时鼠标相对于事件源的纵坐标
window.event.returnValue---值为false的时候指的是取消事件的处理和return false一样(后者常用,兼容问题)
window.event.srcElement---事件源
window.event.button---鼠标按键的值
window.clipboardData.setData('text',值);---设置剪切板内容
window.clipboardData.getData('text');---获得剪切板内容
在火狐里都可以用参数的方式jquery中全部传参数
body.oncopy---复制的事件
body.onpaste---粘贴的事件
&案例一：DOM操作粘贴板
window.onload = function () {
//复制内容
document.body.oncopy = function () {
setTimeout(function () {
var txt = clipboardData.getData('text') + '本文作者李白';//为粘贴板中的内容加标注，注意粘贴板对象clipboardData没有智能提示，别写错了
clipboardData.setData('text', txt);
案例二：DOM动态创建元素
window.onload = function () {
document.getElementById('btnCreate').onclick = function () {//这里一开始写成了click，click和onclick的区别是onclick才是给这个按钮注册click事件
//创建一个层，也就是一个DOM对象
var divObj = document.createElement('div');
//为创建的这个层设置属性
divObj.style.height = "300px";
divObj.style.width = "500px";
divObj.style.backgroundColor = "red";
divObj.id = 'dv1';
//把这个层添加到body里面
document.body.appendChild(divObj);
document.getElementById('btnDelete').onclick = function () {
var Div = document.getElementById('dv1');
document.body.removeChild(Div); //这行代码就是删除一个body里面的元素
var i = 0;
document.getElementById('btnAdd').onclick = function () {
var inputObj = document.createElement('input');
inputObj.type = 'button';
inputObj.value = '我是新来的' +
//获取当前的元素，就是当前的层
var newObj = document.getElementById('dv1');
newObj.appendChild(inputObj);
newObj.insertBefore(inputObj, newObj.firstChild);
案例三：&DOM方式态添加表格超链接
window.onload = function () {
document.getElementById('btn').onclick = function () {
var dic = { "百度": "", "传智播客": "", "谷歌": "" }; //创建名字和网址的超链接
var tb = document.createElement('table'); //创建一个表
tb.border = '1';
for (var key in dic) {
var trObj = document.createElement('tr');
//创建单元格
var td1 = document.createElement('td');
if (typeof (td1.innerText) == 'string') {
td1.innerText = //为单元格的文字赋值 所以是 td1.innerText,这个是IE里面的
td1.textContent = //如果td1.innerText的类型不是string 那么就是在火狐浏览器里面，就用td1.textContent
var td2 = document.createElement('td');
td2.innerHTML = '&a href="' + dic[key] + '"&' + key + '&/a&'; //在单元格里面创建一个超链接，所以用td2.innerHTML
trObj.appendChild(td1); //下面就是把单元格加到行中，把行加到表中，把表加到body里面
trObj.appendChild(td2);
tb.appendChild(trObj);
document.body.appendChild(tb);
window.onload = function () {
document.getElementById('btn').onclick = function () {
var dic = { "百度": "", "传智播客": "", "谷歌": "" };
var tb = document.createElement('table');
tb.border = '1';
for (var key in dic) {
var tr = tb.insertRow(-1);
var td1 = tr.insertCell(-1);
td1.innerText =
var td2 = tr.insertCell(-1);
td2.innerHTML = '&a href="' + dic[key] + '"&' + key + '&a/&';
document.body.appendChild(tb);
案例四：点击超链接变色
//注意这类功能都是在click中把兄弟元素的属性重新遍历设置一遍
window.onload = function () {
var as = document.getElementsByTagName('a');
for (var i = 0; i & as. i++) {
as[i].onclick = function () {
for (var j = 0; j & as. j++) {
as[j].style.backgroundColor = '';
this.style.backgroundColor = 'red';
return false;
案例五：&小图显示大图
window.onload = function () {
var datas = {
'mv/1-1.jpg': ["mv/1.jpg", "老牛", "163cm"],
'mv/2-1.jpg': ["mv/2.jpg", "老马", "165cm"],
'mv/3-1.jpg': ["mv/3.jpg", "老蒋", "150cm"]
var dvs = document.getElementById('dvSmall');
for (var key in datas) {
var imageObj = document.createElement('image');
imageObj.src =
imageObj.setAttribute('k', key);
imageObj.style.marginLeft = '10px';
imageObj.style.cursor = 'pointer'; //鼠标进入的时候显示小手的样子
dvs.appendChild(imageObj);
imageObj.onmouseover = function () {
var dvB = document.getElementById('dvBig');
//脱离文档流，确定位置，显示
dvB.style.position = 'absolute';
dvB.style.left = this.offsetLeft + 'px';
dvB.style.top = this.offsetTop + this.offsetHeight + 'px';
dvB.style.display = 'block';
//把键值对里面的值（这里是一个数组）取出来
var values = datas[this.getAttribute('k')];
//确定显示的内容
document.getElementById('imBig').src = values[0];
document.getElementById('spName').innerText = values[1];
document.getElementById('spHeight').innerText = values[2];
//鼠标离开的时候大图隐藏
imageObj.onmouseout = function () {
if (document.getElementById('dvBig').style.display=='block') {
document.getElementById('dvBig').style.display = 'none'
&div id="dvSmall"&
&div id="dvBig" style="background-color: O border: 1 width: 630
display:"&
大头像:&br /&
&img id="imBig" src="#" alt="Alternate Text" /&
姓名:&span id="spName"&&/span&&br /&
身高:&span id="spHeight"&&/span&
案例六：DOM下列表的高亮显示
window.onload = function () {
var uls = document.getElementById('u').getElementsByTagName('li');
for (var i = 0; i & uls. i++) {
uls[i].onmouseover = function () {
for (var j = 0; j & uls. j++) {
uls[j].style.backgroundColor = '';
this.style.backgroundColor = 'red'; //这里用this，不能用uls[i],因为这个是uls[i]注册的时间里面调用到自己
uls[i].onclick = function () {
for (var j = 0; j & uls. j++) {
this.style.fontSize = '';
this.style.fontSize = '50px';
案例七：复习正则表达式
var s = '';
var regex = /.+@.+/;
var mat = s.match(regex);
alert(mat);
字符串的.match
var msg = '杨中科：苏坤：小胡：';
var result = msg.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
var msg = '
今天天气好晴朗处处好风光
function trimString(s) {
return s.replace(/^\s+/, '').replace(/\s+$/,'') ;//^表示匹配输入字符串的开始位置，$表示匹配字符串的结束位置
//先切前半部分，再切后面，jQuery源码里面就是这么写的
var result = trimString(msg);
alert(result);
案例八：用键盘抬起事件和正则表达式实现密码强度
&script type="text/javascript"&
window.onload = function () {
var tds = document.getElementById('tb').getElementsByTagName('td');
document.getElementById('txt').onkeyup = function () {//onkeyup 就是键盘抬起的事件
for (var i = 0; i & tds. i++) {
tds[i].style.backgroundColor = 'gray';
var result = chechPwd(this.value);
if (this.value.length & 0) {
if (result &= 1) {
tds[0].style.backgroundColor = 'red';
} else if (result == 2) {
tds[0].style.backgroundColor = 'blue';
tds[1].style.backgroundColor = 'blue';
} else if (result == 3) {
for (var i = 0; i & tds. i++) {
tds[i].style.backgroundColor = 'green';
function chechPwd(str) {
var lvl = 0;
if (str.match(/\d/)) {
if (str.match(/[a-zA-Z]/)) {
if (str.match(/^[0-9a-zA-Z]/)) {
if (str.length & 6) {
案例九：DOM下的省市联动
window.onload = function () {
var datas = {
"吉林": ["长春", "四平", "松原"],
"山东": ["青岛", "济南", "烟台"],
"山西": ["大同", "太原", "运城"]
var defult = '山东';
//把省份加载到第一个下拉框中
var s1 = document.getElementById('se1');
for (var key in datas) {
var opt1 = document.createElement('option');
opt1.innerText =
opt1.value =
opt1.selected = key == defult ? true : false;
s1.appendChild(opt1);
//把对应的城市加载到第二个下拉框中
var se2 = document.getElementById('se2');
for (var i = 0; i & datas[defult]. i++) {
var opt2 = document.createElement('option');
opt2.value = datas[defult][i];
opt2.innerText = datas[defult][i];
se2.appendChild(opt2);
//注册一个第一个select的Change时间
se1.onchange = function () {
while (se2.firstChild) {
se2.removeChild(se2.firstChild);//用一个循环和removeChild来清空
for (var i = 0; i & datas[this.value]. i++) {
var opt3 = document.createElement('option');
opt3.innerText = datas[this.value][i];
opt3.value = datas[this.value][i];
se2.appendChild(opt3);
案例十：DOM的权限管理
window.onload = function () {
document.getElementById('toAllLeft').onclick = function () {
allLeftToRight(document.getElementById('se1'), document.getElementById('se2'));
document.getElementById('toAllRight').onclick = function () {
allLeftToRight(document.getElementById('se2'), document.getElementById('se1'));
function allLeftToRight(s1, s2) {
var opts = s1.getElementsByTagName('option');
for (var i = opts.length - 1; i &= 0; i--) {
s2.insertBefore(opts[i], s2.firstChild); //这里要注意 用的不是.appendchild
//===========================
document.getElementById('toRight').onclick = function () {
LeftToRight(document.getElementById('se1'), document.getElementById('se2'));
document.getElementById('toLeft').onclick = function () {
LeftToRight(document.getElementById('se2'), document.getElementById('se1'));
function LeftToRight(s1, s2) {
var opts = s1.getElementsByTagName('option');
for (var i = 0; i & opts. i++) {
if (opts[i].selected) {
s2.appendChild(opts[i]);
i--;//因为把select1里面的元素移动后
元素个数发生了变化，所以需要I--
&div style="margin-left: 400 margin-top: 10"&
&select multiple="multiple" style="float: width: 40 height: 100" id="se1"&
&option&添加&/option&
&option&删除&/option&
&option&修改&/option&
&option&查询&/option&
&option&打印&/option&
&div style="width: 50 float:"&
&input type="button" name="name" value="&" style="width: 50" id="toRight" /&
&input type="button" name="name" value="&" style="width: 50" id="toLeft" /&
&input type="button" name="name" value="&&" style="width: 50" id="toAllLeft" /&
&input type="button" name="name" value="&&" style="width: 50" id="toAllRight" /&
&select multiple="multiple" style="float: width: 40 height: 100" id="se2"&
下午继续写jQuery的总结，过年之前把这些东西都总结一下，希望自己的学习能慢慢进入正轨，希望新年快乐 ^_^
阅读(...) 评论()JQuery中的DOM操作
我的图书馆
JQuery中的DOM操作
天研究了怎样获取dom元素，有哪些获取的方法，提醒一下注意层级选择器和过滤选择器，多了一个空格都会产生不同的结果，所有一定要细心和耐心。
&&& 一、什么是DOM？
&& DOM:(Document Object Model) 意思是文档对象模型，根据W3C DOM规范，DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松的访问页面中所有的标准组件。一般来说DOM操作分为3类：DOM core、HTML-DOM、CSS-DOM.
&& 我们先看下面这张DOM结构图：你们可以根据这个DOM结构图构建出网页来吗?其中的每个灰色背景都是一个节点。我们可以通过不同的选择器来获取他们。
&&& 二、DOM操作
&&&& 1、创建节点：在DOM操作中常常需要动态的创建HTML内容，使文档在浏览器里的呈现效果发生变化。节点又分为元素节点、属性节点、文本节点。
&&&&& 怎么动态创建节点呢？& 例如我创建两个 &li&元素，可以使用jquery的工厂函数$()来完成。var $li1 = $("&li title='香蕉'&香蕉&/li&"); var $li2 = $("&li title='苹果'&苹果&/li&"). 上面的title='香蕉'就是创建的属性节点，括在&li&元素里的香蕉文字就是文本节点。注意：动态创建的元素不会自动被添加到文档中，必须使用其他方法将他插入文档中。慢慢来，不急。
&&&& 2、插入节点：如果你不讲新建的元素插入文档中，动态的创建HTML元素并没有实际的用处。而JQuery提供了几种插入节点的方法。下面表中的前面四个是插入到元素的内部，而后面四个是插入到元素的外部。
匹配的元素里面追加内容
$("p").append("你好")
将匹配的元素追加到指定的元素中
$("你好").appendTo("p")
向每个匹配的元素内部前置内容
$("p").prepend("你好")
将匹配的元素前置到指定元素中
$("你好").prependTo("p")
向每个匹配的元素之后插入内容
$("p").after("你好")
insertAfter
将匹配的元素插入到指定元素的后面
$("你好").insertAfter("p")
向每个匹配的元素之前插入内容
$("p").before("你好")
insertBefore
将匹配的元素插入到指定的元素之前
$("你好").insertBefore("p")
&&&& 3、删除节点：如果文档中的某一个元素多余，那么我们就应该讲他删除。这里有两种方法：empty(); remove();懂英文的都知道这两个单词的意思吧，它们之间是有区别的，一个是清空，一个是移除掉。
&&&&&&&&& remove()是指移除所有的匹配元素，当某个节点用了remove()方法后，该节点所包含的所有后代节点都会被移除文档。这个方法的返回值指向的是已被删除节点的引用，以后是可以继续使用这些元素。
&&&&&&&&& empty()方法并不是删除节点，只是将它清空而已，同时它也能清空该元素的所有后代节点。清空并不代表从文档中移除哈，它的元素节点还是存在文档流中，只是它里面的所有内容不见了。
&&&& 4、属性操作：用attr()既可以获取元素的属性同时还可以设置属性。$(".test").attr("title"); $(".test").attr("title","this is my title").设置多个属性：$("p").attr("title":"mytitle","class":"test")。用removeAttr()可以删除某个元素特定的属性 $("p").removeAttr("title")。
&&&& 5、样式操作：当然是css样式，它的接口就是元素的class名。
&&&&&&& (1)怎样获取样式：可以通过attr()获取class类名和设置类名，然后在css进行操作。一般用这种方法呢会将原来的类名替换为新设置的类名，而并不是在原来的基础上添加新的类名。
&&&&&&& (2)追加样式：Jquery提供了专门的addClass()来追加新的类名，用这种方法就是原来的类名和新追加的类名会同时存在的。但是不同的类名设置了同一样的样式，则后者会覆盖前者。
&&&&&&& (3)移除样式:与addClass()相反，removeClass()就是专门用来删除匹配的类名的。例如：$("p").removeClass("high anther")删除了high类名和anther类名。中间是空格符号。如果$("p").removeClass();就是删除p元素所有的类名。
&&&& 二、容易混淆的html(),text(),value()
&&&&&& 1、html()方法：它类似于javascript的innerHTML属性，可以用来读取或者获取某个元素的html内容；html()方法可以运用在XHTML方法中但是不能用在XML中。
&div&&strong&这个是文本内容哈&/strong&&/div&
var div_html = $("div").html();
alert(div_html);
获取的结果是：&strong&这个是文本内容哈&/strong&
&&&&&&& 如果选择器同时选中多于一个元素的时候，那么只能读取第一个元素的内容。
&p&这个是文本内容1&a href="#"&超链接1&/a&&/p&
&p&这个是文本内容2&a href="#"&超链接2&/a&&/p&
var p_html = $("div p").html();
alert(p_html);
获取的结果是: 这个是文本内容1&a href="#"&超链接1&/a&
&&&&& html()不仅可以读取内容还可设置内容，但是和上面不同的事，如果选择器同时选中多于一个元素的时候，那么被选中的的所有元素里面的html结构都将被改变。
&p&这个是文本内容1&a href="#"&超链接1&/a&&/p&
&p&这个是文本内容2&a href="#"&超链接2&/a&&/p&
var p_html = $("div p").html("&h2&新加的标题&/h2&&a&没内容&/a&)");
获取结果是：
&p&&h2&新加的标题&/h2&&a&没内容&/a&&/p&
&p&&h2&新加的标题&/h2&&a&没内容&/a&&/p&
&&&&&& 2、text()方法：它类似于javascript的innerText属性，可以用来读取或者设置某个元素的纯文本内容。但是innerText()方法不能在firefox下运行，而jquery的text()方法可以在所有的浏览器运行。
&p&这个是文本内容1&a href="#"&超链接1&/a&&/p&
var p_html = $("div p").text();
alert(p_html);
获取的内容是：这个是文本内容1超链接1
& 使用.text()方法，我们只读取元素的纯文本内容，包括他的后代元素，而此元素中的HTML标签（包括其后代元素的HTML标签）都被剥离出去，只留下文本内容。
&&&&& text()方法和html()方法一样可以同时选定多个元素，但有一点不同，html()在匹配多个元素时只会读取匹配元素中的第一个；而text()方法不同，它在匹配多个元素时，会同时读取多个元素的内容。如：
&p&这个是文本内容1&a href="#"&超链接1&/a&&/p&
&p&这个是文本内容2&a href="#"&超链接2&/a&&/p&
var p_text = $("div p").text();
alert(p_text);
获取内容是：这个是文本内容1超链接1这个是文本内容2超链接2
&&&&& text()方法会将HTML标签当作纯文本内容来替换元素的旧内容，这一点和.html()方法是完全不一样，大家可以和前面的.html(htmlString)进行比较。不过他们有一个相同之处：如果匹配多个元素时，采用.text()会将所匹配元素的内容替换成相同的内容。
&&&&& 3、val()方法：它类似于javascript的value属性，可以用来获取或者设置表单元素的value字段值，无论元素是文本框还是下拉列表、单选框，它都可以返回元素的值，如果元素为多选，则返回一个包含所有选择的值的数组。前面所讲的html()和text()方法都无法在表单中进行操作，val()方法主要用于获取表单元素的值。至于“&select multiple="multiple"&”元素，.val()方法返回一个包含每个选中的option的数组，对于下接选择框“&select&”和复选框，单选（[type="checkbox"],[type="radio"]）你可以使用“:selected”和“:checked”选择器来获取值。
&input type="text" id="address" value="邮箱地址"&
$("#address").focus(function(){
var txt = $(this).val();
if(txt=="邮箱地址")
{$(this).val("");}
})$("#address").blur(function(){&& &&& & var txt = $(this).val();&& &&& & if(txt=="")&& &&& & {$(this).val("邮箱地址")}&& &&& & })
总结上面的3个方法：
1、html()用来读取和修改元素的HTML标签；
2、text()用来读取和修改元素的纯文本内容；
3、val()用来读取和修改表单元素的value值；
这三个方法在功能上的对比：
1、.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。
2、.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。
打了一下午的嗝，终于完成了这篇博客！
TA的推荐TA的最新馆藏
喜欢该文的人也喜欢