使用jQuery时如果不能区分jQuery对象和Dom对象,会常常它们对应的方法,笔者在工作过程中也是常常查阅资料加深记忆。
jQuery获取input值:
对应的html代码
<input id="input_example" type="text" placeholder="此input example 用来获取input的value值"/>
对应的jQuery代码
var input_value = $('#input_example')[0].value;
jQuery获取select值
对应的html代码
<select id+"select_example>
<option value="option_value_1">option text 1</option>
<option value="option_value_2">option text 2</option>
<option value="option_value_3">option text 3</option>
</select>
对应的jQuery代码
var select_value = $("select_example").val();
jQuery获取select文本
对应的html代码
<select id+"select_example>
<option value="option_value_1">option text 1</option>
<option value="option_value_2">option text 2</option>
<option value="option_value_3">option text 3</option>
</select>
对应的jQuery代码
var select_value = $("select_example").find("option:selected")text();
既然在第一个例子中提到了input值的placeholder属性,在此也复习一下设置placeholder值的颜色,目前因为浏览器兼容问题,还需要注明浏览器问题
对应的css代码为:
::-webkit-input-placeholder { /* WebKit browsers */
color: #CA95AB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #CA95AB;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #CA95AB;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #CA95AB;
}