Intel项目所用jquery小知识点总结

时间:2021-07-22 19:57:47

1.$("#tdGeo input[type='checkbox']:checked")   ---筛选出所有已经Check的Checkbox

 

2.$("#tdCountry input[type='checkbox']").attr('disabled', 'disabled').removeAttr("checked");  ---添加Disabled属性和删除Checked属性

 

3.$("#stateOptions").html("<option value='ALL'>ALL</option>");   ---前端动态加载HTML

 

4.$(this).val(); ---获取当前元素的值

 

5.$("#state").val(""); ---文本框置为空

 

6.stateText.val().replace(obj.value + ",", "") ---用replace方法去除文本框中的逗号

 

7.$("#stateOptions input[type='checkbox']:gt(0)")  ---获取所有checkbox,不包括第一个

 

8.var StateString = $("#state").val();

var stateArr = new Array(); 

stateArr = StateString.split(",");

for (i = 0; i < stateArr.length - 1 ; i++) {

var state1 = stateArr[i];     ---获取state中的值,为“1,2,3,4,5”格式,转换成array并循环取值

 

9.$(this).prop("checked", "true");    ---给checkbox添加选中的属性

 

10.$('html,body').click(function (e) { 

if (e.target.id != "divState" && e.target.id != "state" && e.target.id != "stateOptions" && e.target.id != "stateoption") {

$("#stateOptions").hide();

} });     ---给整个HTML body添加click事件,通过判断点击处是否为空白,并隐藏相关DIV

--event.target.id 获取当前目标元素ID

--event.target.tagname 获取当前目标元素tagname   比如:span,div,input...

--event.target.nodename 获取当前目标元素nodename 和tagName类似,一般返回比如:span,div,input... 

 

11.

<style>

 li {list-style-type:none;}

</style>

---取消ul和li前边的小圆点样式

 

12.

var cityArr = new Array();

cityArr = cityString.split(",");

cityArr.sort();

---调用sort方法对数组进行排序后,数组本身会被改变,即影响原数组