jquery取input的輸入值（js事件綁定的方法）

《大數據和人工智能交流》頭條號向廣大初學者新增C 、Java 、Python 、Scala、javascript 等目前流行的計算機、大數據編程語言，希望大家以后關注本頭條號更多的內容。

一、通過ID選擇器獲取對象

有個藍色邊框的DIV域，請使用ID選擇器獲取div域的對象，當單擊《確定》按鈕后，將在域中出現一段文字“大漠孤煙直”，如下所示：

實現過程如下所示：

<style>

#div1{

width:100px;

height:100px;

border:5px #3F6 solid;

}

</style>

<script src=”jqueryLib/jquery-1.6.js”></script>

<div id=”div1″></div>

<input type=”button” value=”確定” onclick=”demo()”/>

<script>

function demo(){

var div1Obj = $(“#div1”);

div1Obj.text(“大漠孤煙直”);

}

</script>

二、通過類選擇器獲取對象的集合

通過類選擇器來獲取家電商品大類的“洗衣機”和“平板電視”對象，當點擊《確定》按鈕時，將其顏色變成黃色。

實現如下：

<script src=”jqueryLib/jquery-1.6.js”></script>

<style>

#menu{width:200px;background:#ccc;}

li{font-size:12px;color:#636362;}

.menu-class{font:bold 14px 宋體;color:#ff7300;}

</style>

<div id=”menu”>

<ul>

<li class=”menu-class”>家用電器</li>

<li>大家電</li>

<li class=”c001″>洗衣機</li>

<li>電冰箱</li>

<li class=”c001″>平板電視</li>

</ul>

<ul>

<li class=”menu-class”>日用百貨</li>

<li>肥皂</li>

<li>洗衣粉</li>

<li>紙巾</li>

<li>洗發水</li>

</ul>

</div>

<input type=”button” value=”確定” onclick=”demo()”/>

<script>

function demo(){

var c001Objs = $(“.c001”);

c001Objs.css(“color”,”#ff0″);

}

</script>

三、通過標簽選擇器獲取對象的集合

要求通過標簽獲取下列詩句的對象，當單擊《確定》按鈕的時候，將顏色變成紅色，如下所示：

實現過程如下：

<script src=”jqueryLib/jquery-1.6.js”></script>

<h2>金庸名著</h2>

<p>飛雪連天射白鹿</p>

<p>笑書神俠倚碧鴛</p>

<input type=”button” value=”確定” onclick=”demo()”/>

<script>

function demo(){

var pObjs = $(“p”);

pObjs.css(“color”,”#f00″);

}

</script>

《大數據和人工智能交流》的宗旨

1、將大數據和人工智能的專業數學：概率數理統計、線性代數、決策論、優化論、博弈論等數學模型變得通俗易懂。

2、將大數據和人工智能的專業涉及到的數據結構和算法：分類、聚類 、回歸算法、概率等算法變得通俗易懂。

3、最新的高科技動態：數據采集方面的智能傳感器技術；醫療大數據智能決策分析；物聯網智慧城市等等。

根據初學者需要會有C語言、Java語言、Python語言、Scala函數式等目前主流計算機語言。

根據讀者的需要有和人工智能相關的計算機科學與技術、電子技術、芯片技術等基礎學科通俗易懂的文章。