課程
/前端開發
/jQuery
/jQuery基礎(三)—事件篇
詳細問題參見代碼截圖
2017-03-24
源自:jQuery基礎(三)—事件篇 7-1
正在回答
參數名
當你手工觸發”直接點擊”按鈕時
$("button:first").click(function(event,bottonName) {
??????? bottonName = bottonName || 'first';
??????? update($("span:first"),$("span:last"),bottonName);
? ?????});
就會變成? $("button:first").click(function(event,bottonName) {
?????? ??????????bottonName = 'first';
?????? ??????????update($("span:first"),$("span:last"),bottonName);
? ???????????????});
其中bottonName = bottonName || 'first'語句為有值取等號后bottonName值,無值取'first';
update($("span:first"),$("span:last"),bottonName);?? 為命名函數及傳參
當你手工觸發”通過自定義點擊時”
$("button:last").click(function() {
?????? ?????????$("button:first").trigger('click','last');
?? ?????????});
???????? 先解釋.trigger('click','last'); 是以語法格式trigger('觸發事件種類',區別于誰觸發);
觸發事件種類:就是上面的Click等等,必須的
區別于誰觸發(自定),可選,就是顯示觸發是由什么引起的
?????????? ????????????????其具有自動觸發意思,不用手工觸發
整段其意思是自動觸發””直接點擊”、是虛擬點擊,不是真實點擊即上式的$("button:first").click(function(event,bottonName) {
????? ????????????bottonName = bottonName || 'first';
? ??????????????});
變為自動點擊執行$("button:first").click(function(event,bottonName) {
??????? bottonName = “ last';
函數update運行
function update(first,last,bottonName) {
??????? first.text(bottonName);
??????? var n = parseInt(last.text(), 10);
??????? last.text(n + 1);
}
是所傳遞過來的參數運行
其中parseInt(last.text(), 10);的函數10是指拾進制,last.text()就是取第32行span:last的值
last.text(n + 1)每次span:last均自加1,希望理解
慕用9564390
按鈕名
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
2 回答bottonName = bottonName || 'first';什么意思啊
3 回答如果bottonName = bottonName,那代表什么,如果bottonName = first又是代表什么?trigger('click','last'),這個last代表什么? first.text(bottonName);這一句怎么理解?
4 回答first.text(bottonName)這句是什么意思
5 回答bottonName = bottonName || 'first';
3 回答bottonName = bottonName || 'first';
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-01
參數名
2017-04-01
當你手工觸發”直接點擊”按鈕時
$("button:first").click(function(event,bottonName) {
??????? bottonName = bottonName || 'first';
??????? update($("span:first"),$("span:last"),bottonName);
? ?????});
就會變成? $("button:first").click(function(event,bottonName) {
?????? ??????????bottonName = 'first';
?????? ??????????update($("span:first"),$("span:last"),bottonName);
? ???????????????});
其中bottonName = bottonName || 'first'語句為有值取等號后bottonName值,無值取'first';
update($("span:first"),$("span:last"),bottonName);?? 為命名函數及傳參
當你手工觸發”通過自定義點擊時”
$("button:last").click(function() {
?????? ?????????$("button:first").trigger('click','last');
?? ?????????});
???????? 先解釋.trigger('click','last'); 是以語法格式trigger('觸發事件種類',區別于誰觸發);
觸發事件種類:就是上面的Click等等,必須的
區別于誰觸發(自定),可選,就是顯示觸發是由什么引起的
?????????? ????????????????其具有自動觸發意思,不用手工觸發
整段其意思是自動觸發””直接點擊”、是虛擬點擊,不是真實點擊即上式的$("button:first").click(function(event,bottonName) {
????? ????????????bottonName = bottonName || 'first';
?????? ??????????update($("span:first"),$("span:last"),bottonName);
? ??????????????});
變為自動點擊執行$("button:first").click(function(event,bottonName) {
??????? bottonName = “ last';
??????? update($("span:first"),$("span:last"),bottonName);
? ?????});
函數update運行
function update(first,last,bottonName) {
??????? first.text(bottonName);
??????? var n = parseInt(last.text(), 10);
??????? last.text(n + 1);
}
是所傳遞過來的參數運行
其中parseInt(last.text(), 10);的函數10是指拾進制,last.text()就是取第32行span:last的值
last.text(n + 1)每次span:last均自加1,希望理解
2017-03-24
按鈕名