学习笔记--jQuery

刚学jQuery的小白，啥也不懂，记实践中遇到的小问题及解决方案。

#加减法问题

想到加减法时理所当然的写成

        var totalIncome=$('#txtIncome').val();
        var Insure=$('#txtInsure').val();
        var BaseLine=$('#txtBaseLine').val();
        var taxIncome=totalIncome-Insure-BaseLine;

其实会被认为是字符串连接
怎么解决呢？

var taxIncome=totalIncome*1-Insure*1-BaseLine*1;

首先想到的是类型的转换，后来想想偷个懒，就这样了。

#jQuery缺少对象

在引入jQuery库时使用的是CDN远程引入，结果在调试时出现了缺少对象的错误，遍查资料发现可能与使用form与权限之间的问题，就换成了服务器本地库，特别提醒注意路径哦！
与html文件放在一个文件夹下的路径：

<script src="jquery-1.9.0.js"></script>

#jQuery获取内容及赋值

获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

1、下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

2、下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：

 var t=$('#txt').val();

赋值–val(value)
1、变量的值赋值

 $('#txtRealIncome').val(txtRealIncome);

2、具体数值的赋值

         $('#txtIncome').val(" ");
		 $('#txtInsure').val("0");
		 $('#txtBaseLine').val("5000");

#jQuery函数、事件

一个click事件作为例子

$(function(){
	  $('#calc').on("click",function(){
         $("img").hide();//图片被隐藏
      });
   });

其他见中文手册，另推荐一个简便的手册：https://www.w3school.com.cn/（里面有各种web技术教程，别错过！）