jQuery项目常用操作

html() 方法返回或设置被选元素的内容 (inner HTML)。

$(".btn").click(function(){
  $("p").html("Hello <b>world</b>!");
});

findIndex和toString结合使用查找当前item是处于数组中第几项

itemNum = table_list.findIndex(function(item){
     return item.toString() == myItem.toString()
})

val() 方法返回或设置被选元素的值。

$("button").click(function(){
  $(":text").val("Hello World");
});

获取select选中项中存在data里面的值

<select  class="mySelect">
     <option value="switch" data-name="开关">开关</option>
     <option value="light" data-name="灯光">灯光</option>
</select>

好，现在用jquery进行操作

页面上展示的是标签里面的“开关”；
$(".mySelect").find("option:selected").attr("data-name"); 获取选中项的data-name的值“开关”；
$(".mySelect").val();获取value的值switch。

parseInt 将XX转化为number类型

indexOf 判断myitem是否存在于itemArray数组中,存在返回第一个索引，否则返回-1

var index =  JSON.stringify(itemArray).indexOf(JSON.stringify(myitem));

append 往文档中插入需要的html和值

$(".btn").click(function () {
html = '<tr>'
  + '<td>' + '<img src="./images/item.png" alt="">' + '</td>'
  + '<td>' + '<span>品牌：</span>' + '<span>' + $(".myValue").val() + '</span>' + '</td>'
  + '</tr>';
  $(".list").append(html);
});

location.reload() 刷新页面

attr() 和removeAttr()

$(".input").attr("placeholder", "请输入您的号码");
$(".input").removeAttr("data-target");

prop() 和 removeprop()

<label>
    <input class="input" type="checkbox"  value="复选框" checked = "true" disabled = "">
</label>

用prop获取复选框中checked的值（true）

$(".input").prop("checked"); //true

w3c官网http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp