python基础（十七）
生活随笔
收集整理的這篇文章主要介紹了
python基础（十七）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery簡介：
???? jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等 JQuery版本和使用jQuery有1.x、2.x、3.x三個大的版本，推薦使用1.x的最新版本（兼容性更換），本次使用的版本為jquery-1.12.4.js
引用：<script src="jquery-1.12.4.js"></script>
下載地址==》https://code.jquery.com/jquery-1.12.4.js、https://code.jquery.com/jquery-1.12.4.min.js
Dom和JQuery對象相互轉換
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><div id="i1">James</div><script src="jquery-migrate-1.4.1.js"></script> </body> </html>jQuery轉換為Dom：
?
?Dom轉換為jQuery
JQuery選擇器
一、基本選擇器
1.id選擇器
<div id="id">James</div>
$('#id')
2.class選擇器
<div class="c1">James</div>
$('.c1')
3.標簽選擇器
查找所有的a標簽：
<div id="id">James</div> <div class="c1"> <a>f</a> </div> <div class="c1"> <a>f</a> <a>f</a> </div> $('a')4.*表示所有
$('*')
5.多查詢（selector1,selector2,selecorN）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div id="id">James</div> <div class="c1"><a>f</a> </div> <div class="c1"><a>f</a><a>f</a> </div> </body> </html>頁面查詢：
>$('#id,.c1,a')
<div id="id">James</div>
?
二、層級選擇器
2.1：例如找a標簽，下面這種方法找到所有的a標簽
$('a')
2.2：組合（例如我想同時找到class是c1和a標簽及id等于i1的標簽）
$('.c1,a,#i1')
? 你可以理解為把不同的查找方法，都放到引號里面用逗號隔開就行
2.3：層級（例如我要找到id是id1下的a標簽）
$('#i1 a')跟上面一樣，如果是組合的話用逗號隔開，如果是空格的話是找它下面的子子孫孫
$('#i1>a')要是這么寫的話只找到id等于i1下的a標簽
2.4:基本篩選
$('.c1:first')在找到所有class等于c1的標簽里面的第一個標簽
:first(找到的標簽里面的第一個標簽)
:last(找到的標簽里面的最后一個標簽)
:even奇數
:odd偶數
:eq（例如$('#i1 a:eq(0)'，找到id等于i1下的a標簽里面索引等于0的標簽）
:gt(大于多少)
?2.5 ：屬性
????????????? 簡單操作：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><script src="jquery-1.12.4.js"></script><div id="i1" class="c1"><div><a>a</a></div><a>b</a><a>c</a></div></body> </html>操作：
?
$('zhangsan') 找到所有具有zhangsan屬性的標簽
$('[zhangsan="1"]')找到zhangsan屬性等于1的標簽(注意單、雙引號的不能隔開)
表單：
如果我想找到html中所有input標簽中type等于text的標簽，用屬性查找的話可以這么寫$('input[type="text"]')
表單的話可以這么查找：
?
$(':text')
?
實例一（全選、反選、取消）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body><input type="button" value="全選" οnclick="checkAll();" /><input type="button" value="反選" οnclick="resverseAll();" /><input type="button" value="取消" οnclick="cancleAll();" /><table><thead><tr><th>選項</th><th>IP</th><th>port</th></tr></thead><tbody id="tb"><tr><td><input type="checkbox" /></td><td>1.1.1.1</td><td>80</td></tr><tr><td><input type="checkbox" /></td><td>1.1.1.1</td><td>80</td></tr><tr><td><input type="checkbox" /></td><td>1.1.1.1</td><td>80</td></tr></tbody></table><script src="jquery-1.12.4.js"></script><script> // 全選，首先我找到id等于td的標簽，然后找它下面的checkbox標簽，用prop方法讓checked等于true就選擇上了function checkAll(){$('#tb :checkbox').prop('checked',true);} // 全選，首先我找到id等于td的標簽，然后找它下面的checkbox標簽，用prop方法讓checked等于flase就選擇上了function cancleAll(){$('#tb :checkbox').prop('checked',false);}function resverseAll(){//循環所有的checkbox對象，然后用匿名函數，里面加上條件判斷$("#tb :checkbox").each(function () {//我們說了checked后面有false或true就是設置屬性，沒有就是獲取對象屬性。如果選擇上了，讓他等于falseif($(this).prop("checked")){$(this).prop("checked",false);//否則就更改為true}else{$(this).prop("checked",true);}})}</script> </body> </html>實例二（下拉菜單）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.header{background-color: black;color: wheat;}.content{min-height: 50px;}.hide{display: none;}</style> </head> <body><div style="height:400px;width: 200px;border: 1px solid #dddddd"><div class="item"><div class="header">標題一</div><div id="i1" class="content hide">內容</div></div><div class="item"><div class="header">標題二</div><div class="content hide">內容</div></div><div class="item"><div class="header">標題三</div><div class="content hide">內容</div></div></div><script src="jquery-1.12.4.js"></script><script>//查找class等于header的標簽，給個click事件。這個事件里面添加一個匿名函數$('.header').click(function(){// 當前點擊的標簽 $(this)// 獲取某個標簽的下一個標簽// 獲取某個標簽的父標簽// 獲取所有的兄弟標簽// 添加樣式和移除樣式// $('.i1').addClass('hide')// $('#i1').removeClass('hide')// var v = $("this + div");// $("label + input")// console.log(v);//// $("afsldkfja;skjdf;aksdjf")// 篩選器/*$(this).next() 下一個$(this).prev() 上一個$(this).parent() 父$(this).children() 孩子$('#i1').siblings() 兄弟$('#i1').find('#i1') 子子孫孫中查找// . . .//$('#i1').addClass(..)$('#i1').removeClass(..)*/// 鏈式編程// $(...).click(function(){// this..// })// $(this).next().removeClass('hide'); // $(this).parent().siblings().find('.content').addClass('hide')//this代指誰點擊誰就是誰//被點擊的這個標簽的下一個標簽（也就是內容的標簽），移除hide屬性（不隱藏），然后我們要讓其它的內容標簽隱藏，//也就是它父親的的兄弟標簽，就是其它class等于item屬性，在這里面找到classs等于.content屬性里面，增加hide（讓它隱藏）$(this).next().removeClass('hide').parent().siblings().find('.content').addClass('hide')})</script> </body> </html>篩選：
.next(下一個)
.nextAll(下面所有的)
.nextUntil()(直到找到那個，包含直到那個標簽)
? ? ?.prev() 上一個
.prevall() 上面所有的
? ? ?.parent() 父
? ? ?.parents() 往上找，一直找到所有的長輩
? ? ?.parentsUntil() 往上找，一直找到，直到到哪里，類似于next的Until
? ? ?.children() 孩子
? ? ?.siblings() 兄弟
? ? ?.find('#i1') 子子孫孫中查找
?
內容操作：
.text() 獲取內容，賦值就變成了更改 $('#i1').text = 123
.html ()獲取標簽及內容,賦值就變成了更改（$('#i1').html = <a>123 </a>）
.val()獲取值，類似于.value（注意，只是有value的屬性都可以應用）
?
實例：模態框（添加、編輯等操作）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}.modal{position: fixed;top: 50%;left: 50%;width: 500px;height: 400px;margin-left: -250px;margin-top: -250px;background-color: #eeeeee;z-index: 10;}.shadow{position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.6;background-color: black;z-index: 9;}</style> </head> <body><a οnclick="addElement();">添加</a><table border="1"><tr><td>1.1.1.11</td><td>80</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td>1.1.1.12</td><td>80</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td>1.1.1.13</td><td>80</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td>1.1.1.14</td><td>80</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr></table><div class="modal hide"><div><input name="hostname" type="text" /><input name="port" type="text" /></div><div><input type="button" value="取消" οnclick="cancelModal();" /></div></div><div class="shadow hide"></div><script src="jquery-1.12.4.js"></script><script> // 添加function addElement() { // 找到這兩個class，然后刪除之前設置的hide隱藏$('.modal,.shadow').removeClass('hide');//因為當用戶點擊編輯后會遺留垃圾，所以讓用戶點擊添加的時候先清除一下模態框里面的數據$('.modal input[type="text"]').val('')} // 取消function cancelModal(){ // 找到這兩個class，然后添加之前hide隱藏$('.modal,.shadow').addClass('hide'); // 這里是設置如果用戶點擊編輯后，我們在點擊添加，上次添加進去的數據就會存在，所以當點擊添加時，先清除上次的編輯垃圾。$('.modal,.input[type="text"]').val("");} // 需求是（當用戶點擊編輯時候，把它前面的數據寫到彈出框里） // 找到定義在每個編輯上的edit,并定義事件，再來個匿名函數$('.edit').click(function(){ // 首先讓彈出框（背景框和輸入框）這兩個顯示，去除之前的hide隱藏屬性$('.modal,.shadow').removeClass('hide');//this代表的是click獲得的當前標簽 // 然后找到這個標簽的父標簽的上面所有標簽var tds = $(this).parent().prevAll(); // tds是獲得的第1個標簽，并獲取內容var port = $(tds[0]).text(); // tds是獲得的第2個標簽，并獲取內容var host = $(tds[1]).text();// 找到彈出框，并傳入值$('.modal input[name="hostname"]').val(host);$('.modal input[name="port"]').val(port);});</script> </body> </html> View Code樣式操作：
addClass
removeClass
toggleClass
實例（開關燈）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}</style> </head> <body><input type='checkbox' id='i2' /><input id="i1" type="button" value="開關" /><div class="c1 hide">asdfasdf</div><script src="jquery-1.12.4.js"></script><script>$('#i1').click(function(){ // 方法一： // if($('.c1').hasClass('hide')){ // $('.c1').removeClass('hide'); // }else{ // $('.c1').addClass('hide'); // }// 方法二：$('.c1').toggleClass('hide');})</script> </body> </html> View Code屬性操作：
一般做自定義屬性操作
$('..').attr
$('..').removeAttr('')刪除某個屬性
$('..').prop
attr（如果有屬性，就把屬性的值改掉，如果沒有該屬性名就會新增,注意：jquery1.x和2.x不要使用對checked等做選中的不建議使用attr）:
('#i1') [input#i1] $('#i1')[0] <input id=?"i1" type=?"button" value=?"開關">?$('#i1').attr('type') "button" $('#i1').attr('id') "i1" $('#i1').attr('value') "開關"$('#i1').attr('value',"哈哈")\\這樣的話就修改了原來value的值 [input#i1] $('#i1')[0] <input id=?"i1" type=?"button" value=?"哈哈">?$('#i1').attr('name',"zhangsan") [input#i1] $('#i1')[0] <input id=?"i1" type=?"button" value=?"哈哈" name=?"zhangsan">?('#i1').removeAttr('value') [input#i1] View Codeprop：
$('').prop('checked'）獲取值
$('').prop('checked',false)設置值
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}</style> </head> <body><input type='checkbox' id='i2' /><input id="i1" type="button" value="開關" /><div class="c1 hide">asdfasdf</div><script src="jquery-1.12.4.js"></script><script></script> </body> </html>//讓標簽checkbox不選中 $('#i2').prop('checked',false) [input#i2]//讓標簽checkbox選中 $('#i2').prop('checked',true) [input#i2] View Code實例（表格編輯增強版）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}.modal{position: fixed;top: 50%;left: 50%;width: 500px;height: 400px;margin-left: -250px;margin-top: -250px;background-color: #eeeeee;z-index: 10;}.shadow{position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.6;background-color: black;z-index: 9;}</style> </head> <body><a οnclick="addElement();">添加</a><table border="1"><tr><td target="hostname">1.1.1.11</td><td target = "port">80</td><td target = "ip">1</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td target="hostname">1.1.1.12</td><td target = "port">80</td><td target = "ip">2</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td target="hostname">1.1.1.13</td><td target="port">80</td><td target="ip">3</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr><tr><td target="hostname">1.1.1.14</td><td target="port">80</td><td target="ip">4</td><td><a class="edit">編輯</a> | <a>刪除</a></td></tr></table><div class="modal hide"><div><input name="hostname" type="text" /><input name="port" type="text" /><input name="ip" type="text" /></div><div><input type="button" value="取消" οnclick="cancelModal();" /></div></div><div class="shadow hide"></div><script src="jquery-1.12.4.js"></script><script> // 添加function addElement() { // 找到這兩個class，然后刪除之前設置的hide隱藏$('.modal,.shadow').removeClass('hide');} // 取消function cancelModal(){ // 找到這兩個class，然后添加之前hide隱藏$('.modal,.shadow').addClass('hide'); // 這里是設置如果用戶點擊編輯后，我們在點擊添加，上次添加進去的數據就會存在，所以當點擊添加時，先清除上次的編輯垃圾。$('.modal,.input[type="text"]').val("");} // 需求是（當用戶點擊編輯時候，把它前面的數據寫到彈出框里） // 找到定義在每個編輯上的edit,并定義事件，再來個匿名函數$('.edit').click(function(){ // 首先讓彈出框（背景框和輸入框）這兩個顯示，去除之前的hide隱藏屬性$('.modal,.shadow').removeClass('hide');//thisvar tds = $(this).parent().prevAll();tds.each(function(){//獲取td的target屬性值var n = $(this).attr('target');//獲取td標簽中的內容（hostname、port、ip）var text = $(this).text();//利用input屬性named等于hostname、port、ipvar a1 = '.modal input[name="';var a2 = '"]';//然后讓它們拼接起來。如：.modal樣式下的 input框，name等于hostname。因為這樣寫$(.modal input[name="n")，這樣的話n是個字符串，所以我們只能拼接起來，這樣你隨便增加幾列var temp = a1 + n + a2;$(temp).val(text)})});</script> </body> </html> View Code示例（下選框）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}.menu{height: 38px;background-color: #eeeeee;line-height: 38px;}.active{background-color: brown;}.menu .menu-item{float: left;border-right: 1px solid red;padding: 0 5px;cursor: pointer;}.content{min-height: 100px;border: 1px solid #eeeeee; }</style> </head> <body><div style="width: 700px;margin:0 auto"><div class="menu"><div class="menu-item active" a="1">菜單一</div><div class="menu-item" a="2">菜單二</div><div class="menu-item" a="3">菜單三</div></div><div class="content"><div b="1">內容一</div><div class="hide" b="2">內容二</div><div class="hide" b="3">內容三</div></div></div><script src="jquery-1.12.4.js"></script><script>//給class等于menu定義一個事件，并建立一個匿名函數$('.menu-item').click(function(){//點擊菜單幾就給他應用一個actinve標紅的樣式，再把它的兄弟標簽取出背景為紅的樣式$(this).addClass('active').siblings().removeClass('active');//用attr獲取到這個菜單a的值var target = $(this).attr('a');//這里又用到里字符串拼接的方法。//讓內容里面屬性b的值等于a的值得標簽取出hide隱藏屬性，再讓它的兄弟標簽加上隱藏的樣式$('.content').children("[b='"+ target + "']").removeClass('hide').siblings().addClass('hide');});</script> </body> </html> View Code.index(索引位置)
示例（下選框增強版）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.hide{display: none;}.menu{height: 38px;background-color: #eeeeee;line-height: 38px;}.active{background-color: brown;}.menu .menu-item{float: left;border-right: 1px solid red;padding: 0 5px;cursor: pointer;}.content{min-height: 100px;border: 1px solid #eeeeee; }</style> </head> <body><div style="width: 700px;margin:0 auto"><div class="menu"><div class="menu-item active" >菜單一</div><div class="menu-item" >菜單二</div><div class="menu-item" >菜單三</div></div><div class="content"><div >內容一</div><div class="hide" >內容二</div><div class="hide">內容三</div></div></div><script src="jquery-1.12.4.js"></script><script>$('.menu-item').click(function(){$(this).addClass('active').siblings().removeClass('active');$('.content').children().eq($(this).index()).removeClass('hide').siblings().addClass('hide');});</script> </body> </html> View Code文檔處理：
append 把某個值追加到最后
prepend?把某個值追加到最上面
after 把某個值加到最后和當前標簽的父級標簽同級
before ?把某個值加到最前面和當前標簽的父級標簽同級
remove 刪除（內容和所屬的標簽都刪）
empty 刪除（只刪除標簽的內容）
clone 克隆
樣式操作（css）：
$('').css('color','red')
$('').css('color','red')
示例（點贊）：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.container{padding: 50px;border: 1px solid #dddddd; }.item{position: relative;width: 30px;}</style> </head> <body><div class="container"><div class="item"><span>贊</span></div></div><div class="container"><div class="item"><span>贊</span></div></div><div class="container"><div class="item"><span>贊</span></div></div><div class="container"><div class="item"><span>贊</span></div></div><script src="jquery-1.12.4.js"></script><script>$('.item').click(function () {AddFavor(this);});function AddFavor(self) {// DOM對象var fontSize = 15;var top = 0;var right = 0;var opacity = 1;var tag = document.createElement('span');$(tag).text('+1');$(tag).css('color','green');$(tag).css('position','absolute');$(tag).css('fontSize',fontSize + "px");$(tag).css('right',right + "px");$(tag).css('top',top + 'px');$(tag).css('opacity',opacity);$(self).append(tag);var obj = setInterval(function () {fontSize = fontSize + 10;top = top - 10;right = right - 10;opacity = opacity - 0.1;$(tag).css('fontSize',fontSize + "px");$(tag).css('right',right + "px");$(tag).css('top',top + 'px');$(tag).css('opacity',opacity);if(opacity < 0){clearInterval(obj);$(tag).remove();}}, 40);}</script></body> </html>位置操作：
scrollTop([val])
scrollLeft([val])
$(window).scrollTop() 獲取
$(window).scrollTop(0) 有值就是定位當前標簽位置（下拉按鈕的位置）
$('#id'').scrollTop()獲取當前標簽位置
$('#id'').scrollTop(0)設置值（如置頂）
offset().left 指定標簽在html中的坐標
offset().top?指定標簽在html中的坐標
postion() 指定標簽相對父級標簽（relative）標簽的坐標
$('#i1').height 獲取標簽的高度（標簽設置的高度（純高度））
$('.test').height() 200 $('.test').height(true) [div.test] $('.test').height(false) [div.test]$('#i1').innerHeight() ? #純高度+內邊距（padding（padding-top加padding-bottom））
$('.test').innerHeight() 200 $('.test').innerHeight(true) [div.test] $('.test').innerHeight(false) [div.test]$('#i1').outerHeight() ?#純高度+上下邊框的和+內邊距（padding（padding-top加padding-bottom））
$('#i1').outerHeight(true)類似這樣的話直接打印id等于1的這個標簽
#純高度，邊距，外邊距，內邊距
事件：
綁定方法一：
$('#i1').click 綁定事件
綁定方法二：
$('#i1').bind('click',function(){
})
解綁
$('#i1').unbind('click',function(){
})
綁定方法三：
例如：class樣式c1下的a標簽綁定一個事件
$('.c1').delegate('a','click',function(){
})
解綁
$('.c1').delegate('a','click',function(){
})
綁定方法四：
$('.c1').on('click',function(){
})
解綁
$('.c1').off('click',function(){
})
綁定方法三示例：
使用場景：一般在新增標簽中，delegate是實時綁定，委托。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><input id="t1" type="text" /><input id="a1" type="button" value="添加" /><ul id="u1"><li>1</li><li>2</li></ul> <script src="jquery-1.12.4.js"></script><script>$('#a1').click(function () {var v = $('#t1').val();var temp = "<li>" + v + "</li>";$('#u1').append(temp);});// $('ul li').click(function () { // var v = $(this).text(); // alert(v); // })// $('ul li').bind('click',function () { // var v = $(this).text(); // alert(v); // })// $('ul li').on('click', function () { // var v = $(this).text(); // alert(v); // })$('ul').delegate('li','click',function () {var v = $(this).text();alert(v);})</script> </body> </html> View Code示例（多個事件判斷）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><a οnclick="return ClickOn()" href="http://www.oldboyedu.com">走你1</a><a id="i1" href="http://www.oldboyedu.com">走你2</a><script src="jquery-1.12.4.js"></script><script>//當return為true的話就繼續執行href的跳轉操作function ClickOn() {alert(123);return true;}//當return為flase的話就不執行href的跳轉操作$('#i1').click(function () {alert(456);return false;})</script> </body> </html> View Code示例(表單提交前的驗證):
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.error{color: red;}</style> </head> <body><form id="f1" action="http://www.baidu.com" method="POST"><div><input name="n1" tex = "用戶名" type="text" /></div><div><input name="n2" tex = "密碼" type="password" /></div><div><input name="n3" tex = "郵箱" type="text" /></div><div><input name="n4" tex = "端口" type="text" /></div><div><input name="n5" tex = "IP" type="text" /></div><input type="submit" value="提交" /></form><script src="jquery-1.12.4.js"></script><script>//當網頁框架加載完成后，自動執行操作$(function(){// 當頁面所有元素完全加載完畢后，執行$(':submit').click(function () {$('.error').remove();var flag = true;$('#f1').find('input[type="text"],input[type="password"]').each(function () {var v = $(this).val();var n = $(this).attr('tex');if(v.length <= 0){flag = false;var tag = document.createElement('span');tag.className = "error";tag.innerHTML = n + "必填";$(this).after(tag); // return false;}});return flag;});});</script> </body> </html> View CodejQuery擴展：
?$.extend ? ? ? ? $.方法
$.fn.extend ? ? ? ? ? ?$(..).方法
擴展方法一：
html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div id="i1"></div><script src="jquery-1.12.4.js"></script><script src="test1.js"></script><script>var v = $('#i1').zhangsan();alert(v);</script> </body> </html>test1.js
/*** Created by Administrator on 2016/11/30.*/$.fn.extend({"zhangsan": function () {return 'zhangsan';}});擴展方法二：
html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div></div><script src="jquery-1.12.4.js"></script><script src="test2.js"></script><script>var v = $.lisi();alert(v);</script> </body> </html> View Codetest2.js
/*** Created by Administrator on 2016/11/30.*/$.extend({'lisi': function () {return 'lisi';}}); View Code?
轉載于:https://www.cnblogs.com/chaishao/p/6123081.html
總結
以上是生活随笔為你收集整理的python基础（十七）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： AD中各层的说明
- 下一篇： linux下用gcc如何生成预处理、汇编