工作笔记01--js

1.不用写结束标签的html标签有：
<input/> <br/> <hr/> <img/> <option/> <meta/> <link/>

2.表格：
2.1 代码结构：

<table id="table001">
//表头部分
<thead>
<tr>
<th>姓名</th><th>年龄</th><th>班级</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tansy</td><td>23</td><td>3年2班</td>
</tr>
</tbody>
</table>

2.2 去table001中第三行第三列的值

$("#table001 tr:eq(2) td:eq(2)").text();

$("#table").rows[2].cells[2].innerHtml;//注意这样写不是再取值，而是取出第三行第三列的html代码段。

3.关于input:
3.1 只读属性：readonly=“readonly” 或者 disabled=“disabled”
3.2 控制输入长度：maxlength=“20”（也适用于textarea）

4.date-picker
引入bootstrap-timepicker.css 和 bootstrap-datepicker.js bootstrap-datepicker.zh-CN.js
输入框：
<input placeholder="开始日期" class="form-control date-picker" id="endDate" data-date-format="yyyy-mm-dd" type="text">
js初始化：
$(’.date-picker,.datepicker’).datepicker({
language:‘zh-CN’,
autoclose: true,
todayHighlight: true,
})；
date-picker在页面刷新后清楚之前输入日期缓存：

$('.datepicker').datepicker('setDate', new Date());//也可以设置别的日期，注意格式yyyy-mm-dd

5.radio单选框

<input type="radio" name="status" id="box1"
value="0"/>成功
<input type="radio" name="status" id="box2"
value="1"/>失败

获取单选框选中的值：

var value = $('input:radio[name="status"]:checked').val();

默认第一个单选框选中：

document.getElementByName("status")[0].checked="checked";

6.复选框checkbox

<label><input name="Fruit" type="checkbox" value="" />苹果 </label>
<label><input name="Fruit" type="checkbox" value="" />桃子 </label>
<label><input name="Fruit" type="checkbox" value="" />香蕉 </label>
<label><input name="Fruit" type="checkbox" value="" />梨 </label>

获取复选框的值

//js获取复选框值    
		var obj01 = document.getElementsByName("Fruit");//选择所有name="Fruit"的对象，返回数组    
		//如果这样定义var s;变量s中会默认被赋个null值
		for(var i=0;i<obj01.length;i++){
		if(obj01[i].checked){
			//取到对象数组后，我们来循环检测它是不是被选中
		 Fruit+=obj01[i].nextSibling.nodeValue+'，';//获取text值
		 Fruit01+=obj01[i].value+'，';//获取value属性值
		 //如果选中，将value添加到变量s中    
		}  
		}

7.select下拉框

<select id="select001" onchange="changeType(this)">
<option value="01"/>中药
<option value="02"/>西药
</select>

点击option触发事件：

function changetype(obj){
if(obj.value=='01'){
......
}else{
......
}
}//这里一定不要直接在option里面写onclick事件，这样谷歌浏览器中不会触发该点击事件

默认选中第一个option

document.getElementById("select001").option[0].selected=true;

取出选中的option的value值

$("#select001").find("option:selected").val();

8. indexOf
返回某个字符在字符串中首次出现的位置，若没有出现则返回-1

var tt="AABBCC";
if(tt.indexOf('A')==-1){
......//这里就是没有出现A的情况
}else{
......
}

9. 关于变量的引用

var tt='112233';
findById('"+tt+"');//注意最外侧的单引号