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函数式等目前主流计算机语言。
根据读者的需要有和人工智能相关的计算机科学与技术、电子技术、芯片技术等基础学科通俗易懂的文章。
上一篇: photoshop制作虚线教程
推荐阅读
-
jquery取input的输入值(js事件绑定的方法)
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
-
JS获得多个同name 的input输入框的值的实现方法
-
js创建一个input数组并绑定click事件的方法_javascript技巧
-
js与jquery实时监听输入框值的oninput与onpropertychange方法_javascript技巧
-
jQuery实现给input绑定回车事件的方法
-
对于input框限定输入值为浮点型的js方法
-
js与jquery实时监听输入框值的oninput与onpropertychange方法_javascript技巧
-
JavaScript:Ajax在Django中的应用、jquery事件绑定、jquery事件委托、serialize、serializeArray获取form的输入值