1、結(jié)構(gòu)
$('選擇器')
$('選擇器 上下文')
2、選擇器
1）元素選擇器
$('#demo')：選取所有 id="demo" 的元素
$('a')：選擇所有a元素
$(this)： 當(dāng)前 HTML 元素
2）屬性選擇器
$("[href]") ：選取所有帶有 href 屬性的 元素
$("[href='#']") ：選取所有帶有 href 值等于 "#" 的 元素
$("[href!='#']") ：選取所有帶有 href 值不等于 "#" 的 元素
$("[href$='.jpg']")： 選取所有 href 值以 ".jpg" 結(jié)尾的 元素
$('li:first').css('background','red')
$('input[type="text"]')：表單type=text的 元素
$('input:text')：表單type=text的 元素
$(':text')：表單type=text的 元素
$(':radio')：表單type=radio的 元素
$(':checkbox')：表單type=checkbox的 元素
$(':file')：表單type=file的 元素
$(":enabled")：所有激活的 input 元素
$(":disabled")：所有禁用的 input 元素
$(":selected")：所有被選取的 input 元素
$(":checked")：所有被選中的 input 元素
$('input[name^=playerType-]')：選出name包含playerType-]的元素
$('div[id^=history-]')：選出id包含history-的元素
$(this).parent().find('a')：父元素下所有a的元素
$('p :parent')：父元素
$('td:contains(" 女 ")')：選出內(nèi)容是女的元素
$('li:first')：首個(gè)元素
$('li:eq(2)')：第3個(gè) 元素
$('li:gt(2)')：大于3的所有元素
$('li:lt(2)')：小于3所有元素
$("p:last")：最后一個(gè)元素
$('li:odd')：奇數(shù)元素
$("tr:even")：偶數(shù)元素
3）CSS 選擇器
$('div')：選擇所有div元素
$('p') ：選擇所有p元素
$('.demo')：選取所有 class="demo" 的元素
3、賦值
$(this).attr('屬性名','動態(tài)值') ：針對所有
$(this).val('動態(tài)值')：input :text賦值
$('input[name="type"][value="值"]').attr("checked",true)：radio膘螟、checkbox賦值選中
4勾笆、下拉框change事件
$('body').on('change','select[name="xxx"]',function() {console.log($(this).val());}});
5、動態(tài)頁面繪畫
動態(tài)頁面在頁面繪畫模板接谨，js數(shù)據(jù)填充，用replace替換
{{}} -> 動態(tài)值 塘匣，適用單個(gè)替換 ?templet.replace('{{name}}',newName);
#id -> 動態(tài)值 疤坝，適用多個(gè)替換，用正則?templet.replace(/#id/g,newName);
var tableTemplet=$('#app-type-templet').html();
var tbodyTemplet=$('#app-type-templettbody').html();
var checkBoxTemplet=$('#app-type-templettbody#td-templet').html();
var html=tableTemplet.replace(tbodyTemplet,'{{tbody}}');
var tbody ,?tbodyHtml=tbodyTemplet.replace(checkBoxTemplet,'{{app}}');
var serie = tbodyHtml.replace('{{appType}}',serie.name).replace('{{app}}','內(nèi)容');
$('#app-types').append(html.replace('{{tbody}}',tbody));
