[TOC]

[toc]

一、资源获取

<javascript src="./jquery.min.js" />

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" />

二、jQuery 给控件赋值

1、给input类控件赋值

第一种：
$('#theID').attr("value", "xx");
第二种：
$("#theID").val("xx")

原生js的赋值写法：
document.getElementById("theID").value = "xx";

2、给span等各种控件赋值

1.span:  $("#id").html()
2.input: $("#id").val()
3.textarea: $("#id").val()
4.iframe  : $("#id").src+="&uid=" + uid
5.下拉菜单： $("#id").val()
6.radio: jquery1.3已经去看了属性选择器@符号
(1.2)以前版本对radio取当前值的方式:
$("input[@type=radio][@checked]")
把@去掉发现能得到object，但是取到的当前值不对，永远都是设置radio的默认值。

采用 $("input[type=radio][checked]") 这种方式也取不到当前值。
(1.3->1.4)经过一系列实验，发现正确写法：
$("input:radio[type='radio'][checked]")
或
$("input[accesskey='shippingFee']:checked")

赋值：
var sex=json.sex;//异步返回的信息
$("input:radio").each(function(i){ //遍历对象
    if (this.value ==sex) {
        $(this).attr("checked", "true");
    }
})

3、jquery 获取 option 下拉框的 value 和 text

A、javascript 原生方法,即DOM方法

var mySelect = document.getElementById("test")
var index = mySelect.selectedIndex;
mySelect.options[index].value;
mySelect.options[index].text

B、jQuery 方法

var option = $("#test option:selected")
alert(option.val())
alert(option.text())