jquery的部分用法

---

jquery的部分用法

1. 获取选中单选按钮（name值为status）的值

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

2. 根据stopareaItem.state 的值是否为1，展示文本 在线或者离线

<div class="sItemStatus">${stopareaItem.state == 1 ? '在线' : '离线'}</div>

3. 根据stopareaItem.state 的值是否为1， 绑定不同的class类名

<div class=${item.state == 1 ? 'online' : 'offline'}>${item.state == 1 ? '在线' : '离线'}</div>

5. jquery给某个元素设置样式

$($('.deviceStatus')[2]).attr('style', 'color: #a8a9ac;');

7. 查找数组(res)中stopAreaCode属性为code那一项的 name值

  var res = [
    { id:1,stopAreaCode:'10012',name:'aa'}, 
   {id:2,stopAreaCode:'10015',name:'bb'},
   ] 
   function  getQueryByAreaCode(code, arr) {  
   return arr.find((item) =>item.stopAreaCode === code).name
    } 
    console.log(getQueryByAreaCode(10015, res))  //bb

8. 绑定点击事件之前要清除该元素之前的点击事件

$('.hiddenFooter .subBtnT') .unbind('click').on('click', function () {console.log(111);})

9.设置input输入框的值

<input type="text" id="test">

$('#ipt').val('你好123')

补充：使用dom的document.getElementById给输入框设置内容

!