要點(diǎn)：
成都創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站與策劃設(shè)計(jì),襄陽(yáng)網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:襄陽(yáng)等地區(qū)。襄陽(yáng)做網(wǎng)站價(jià)格咨詢(xún):13518219792
????1、jQuery方法內(nèi)置循環(huán):
????????????$('div').css('backgroundColor','red'):給所有DIV標(biāo)簽添加紅色背景
????2、this出現(xiàn)在jQuery的function中，代表循環(huán)時(shí)，當(dāng)前正在處理的DOM對(duì)象
????3、$(this)，把當(dāng)前DOM對(duì)象轉(zhuǎn)換在JQuery，以便使用jQuery方法
????4、隱式條件判斷語(yǔ)句：
????????????????var result=條件表達(dá)式?真返回值:假返回值;
????5、each(function) 對(duì)象的每個(gè)元素都做操作。
????收藏：jQuery樣式。https://www.layui.com/demo/rate.html
常用方法：
????1、篩選器：
????next('篩選條件')????當(dāng)前的下一個(gè)
????nextAll('篩選條件')????當(dāng)前的后面所有
????nextUntil('篩選條件')????從下一個(gè)，到滿(mǎn)足'篩選條件'的前一個(gè)標(biāo)簽，
????prev('篩選條件')????當(dāng)前的上一個(gè)
????prevAll('篩選條件')????當(dāng)前位置前面的所有同級(jí)標(biāo)簽
????prevUntil('篩選條件') ?? 從上一個(gè)，到滿(mǎn)足‘篩選條件’的前一個(gè)標(biāo)簽
????parent('篩選條件')????父標(biāo)簽
????parents('篩選條件')????向上一直找，直到html
????parentsUntil('篩選條件')????向上一直找到'滿(mǎn)足篩選條件的標(biāo)簽'
????children('篩選條件')????子標(biāo)簽
????siblings('篩選條件')????除自已外，其它兄弟標(biāo)簽
????find('篩選條件')????????遍歷自已包含的所有標(biāo)簽，找到‘符合條件的所有標(biāo)簽’
????first()????????????????????結(jié)果里的第一個(gè)
????last()????????????????????結(jié)果里的最后一個(gè)
????eq(數(shù)值)/ eq('數(shù)值') ? ? ?? 結(jié)果的表列里，第幾個(gè)值
????2、內(nèi)容方法：
????????text() ????取值/賦值，無(wú)參數(shù)，獲取文本內(nèi)容；text('this a text'),賦值
????????html()? ??取值/賦值，無(wú)參數(shù)，獲取文本內(nèi)容；text('
this is a html
'),賦值????????val()???? ? input標(biāo)簽，取值/賦值，無(wú)參數(shù)，獲取value；val('value新值'),賦值。jQuery版本3以前，checkbox和radio會(huì)出現(xiàn)不同步，必須使用prop ?? ????
????????prop(屬性，值)????設(shè)置或返回被選元素的屬性和值。使用字典同時(shí)多值，設(shè)置：prop('checked','checked')，獲取屬性值：prop('checked')，結(jié)果undefine，代表沒(méi)有此屬性。
??????? attr(屬性，值)? ????設(shè)置被選元素的屬性和值?？梢越邮茏值渲怠?/p>
????????prop與attr區(qū)別：prop ?對(duì)于HTML元素本身就帶有的固有屬性 ? attr ?對(duì)于HTML元素我們自定義的加在標(biāo)簽中的屬性。 ?
????????具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()
????
? ?
重慶分公司
重慶分公司
????$("img").attr("width",function(n,v){????????\\n當(dāng)前對(duì)象在篩選器里的索引，v是獲取到width的值。
??????return?v-50;
????});
????
????? ? ????????????????
????3、樣式方法：
????????hasClass('樣式名')????????????判斷是否包含樣式名
????????addClass('樣式名'):???? ? ?? 添加calss樣式
????????removeClass('樣式名'):????刪除class樣式
????????toggleClass('樣式名'):???? 不存在則添加，存在則刪除
????????
????4、文檔處理：
????????append(htmlstring) :在指定標(biāo)簽內(nèi)部的最后添加內(nèi)容
????????prepend(htmlstring):在指定標(biāo)簽內(nèi)部的最前面添加內(nèi)容
????????after(htmlstring):在指定標(biāo)簽結(jié)束符后，外面添加
????????before(htmlstring):在指定標(biāo)簽開(kāi)始符前，外面添加
????????remove()：刪除當(dāng)前元素
????????empty():清空所有子元素
????????clone()：返回復(fù)制的元素html
??????//添加
??????$('#s1').click(function(){
????????var?s='????5、鼠標(biāo)坐標(biāo)
????????scrollTop(值) 設(shè)置/獲取當(dāng)前對(duì)象的滾動(dòng)條上下位置。
????????scrollLeft(值) 設(shè)置/獲取當(dāng)前對(duì)象的滾動(dòng)務(wù)左右位置。
????????
????????offset().left ?? 獲取元素左上角的當(dāng)前X坐標(biāo)
????????offset().top??? 獲取元素左上角的當(dāng)前Y坐標(biāo)
????????offset({left:0,top:0})????????設(shè)置當(dāng)前元素的坐標(biāo)
????????event.x ?? 獲取鼠標(biāo)當(dāng)前元素相對(duì)于父元素的X坐標(biāo)
????????event.y????獲取鼠標(biāo)當(dāng)前元素相對(duì)于父元素的Y坐標(biāo)
????????event.clientX????獲取鼠標(biāo)相對(duì)于整個(gè)文檔的X坐標(biāo)，其中客戶(hù)區(qū)域不包括窗口自身的控件和滾動(dòng)條
????????event.clientY????獲取鼠標(biāo)相對(duì)于整個(gè)文檔的Y坐標(biāo)，其中客戶(hù)區(qū)域不包括窗口自身的控件和滾動(dòng)條
????????event.screenX????獲取鼠標(biāo)相對(duì)于整個(gè)顯示屏的X坐標(biāo)
????????event.screenY??? 獲取鼠標(biāo)相對(duì)于整個(gè)顯示屏的Y坐標(biāo)
??????$(document.body).mousemove(function(){
????????$('#xx').text(event.x);
????????$('#yy').text(event.y);
??????})
??????
??????$('#divmove').offset({left:100,top:100})????6、jQuery綁定四種事件。
????????直接綁定:.click
????????bind綁定：
????????????$('c1').bind('click',function(){....})
????????delegate/undelegate綁定：在jQuery1.7中 .delegate()已被.on()取代
????????????$('c1').delegate('a','click',function(){ .... })
????????????$( elements ).delegate( selector, events, data, handler );
????????on/off綁定
????????????$( elements ).on( events, [selector], data, handler );
????????????$('c1').on('click',function (){...})
