2020-12-09

jQuery学习总结1：text()、html()、val()三大最常用方法的注意事项

三大常用方法简介：
（1）text() 方法对应原生JavaScript DOM操作的 innerText这个非标准写法；
（2）html() 方法对应原生JavaScript DOM 操作的innerHTML 这个官方标准写法；
（3）val() 方法对应原生JavaScript DOM操作的value；

从以上可知，我们已经知道了这三个最常用方法可以获取相应的内容，是“既可以读取获取内容，又可以设置内容”的，功能强大；

**（1）问题1：但是我觉得自己对于设置内容就不是很熟练了，怎么弄？**难道还是像原生JavaScript中的
1）document.body.innerHTML = “xxx”; 这样用等号赋值吗？
$(“body”).html() = “xxx”; 那这样写的话可真的是大错特错了，根本行不通！！！

2）那在if语句 判断时可以像document.body.innerHTML == “xxx”; 这样写吗：$(“body”).html() == “xxx”; 很明显这也是不可行的！！！
我们可以试验一下，
① 抛出异常的写法（设置内容/赋值方式）：

② 正确的设置内容/赋值方式，正常了：小括号（）里面可以进行加减乘除操作。


（2）问题2：判断时的写法：
1）如果不想内容清空，只是想判断一下内容是否为空blank：
① 错误写法：if(xxx.html("") !== "") {}，这个方法在一开始是false的结果，但是之后会清空innerHTML，因为html("") 里面的空字符引号""；
② 正确写法：if(xxx.html() !== "") {}，去掉小括号（）里面的引号就可以，判断之后里面的innerHTML就不会清空了not blank；

当使用错误写法：if(xxx.html("") !== "") {}，时的运行结果：