日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程语言 > python >内容正文

python

python基础(十七)

發布時間:2025/7/14 python 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 Code

prop: 

  $('').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 Code

jQuery擴展:

?$.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 Code

test2.js

/*** Created by Administrator on 2016/11/30.*/$.extend({'lisi': function () {return 'lisi';}}); View Code

?

轉載于:https://www.cnblogs.com/chaishao/p/6123081.html

總結

以上是生活随笔為你收集整理的python基础(十七)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 在线观看欧美一区二区 | 亚洲精品一二区 | 亚洲日本精品一区 | 可以在线看黄的网站 | 欧美色呦呦 | 精东av在线 | 激情 小说 亚洲 图片 伦 | 欧美jjzz | 亚洲另类av| 亚洲天堂aaa | 国产三级精品视频 | 久久久久国 | 欧美激情在线看 | 欧美黄色免费在线观看 | 国产亚洲欧美精品久久久www | 国产精品一区二区精品 | 蜜桃精品视频 | 福利在线小视频 | 女人叫床高潮娇喘声录音mp3 | 西西大胆午夜视频 | 亚洲快播 | 亚洲自拍偷拍精品视频 | 欧美韩日国产 | 中文国产视频 | 同性色老头性xxxx老头 | jizz成人 | 色天天av| 日韩久久久久久久 | 99色综合 | 天堂无乱码 | 色版视频在线观看 | 久久人人添人人爽添人人片 | 新婚若妻侵犯中文字幕 | 日韩伦理一区 | 在线免费av片 | 大尺度在线观看 | 女人十八岁毛片 | 一区二区 亚洲 | 成人区精品一区二区婷婷 | 亚洲一区免费电影 | a∨鲁丝一区鲁丝二区鲁丝三区 | 免费av不卡在线观看 | 久久艹伊人 | 欧美资源 | 青春草国产视频 | 天天摸天天爽 | 痴女扩张宫交脱垂重口小说 | 涩涩网站在线看 | 午夜精品免费观看 | 色屁屁ts人妖系列二区 | 男女做那个视频 | 国产精品一区二区三区在线 | 久久国产a | 国产一区二区不卡 | 在线播放精品视频 | 欧美日韩在线免费播放 | 婷婷中文字幕在线 | 亚洲在线观看视频 | 亚洲视频一区二区三区在线观看 | 性高湖久久久久久久久aaaaa | 日日拍拍 | 男女视频在线观看免费 | 麻豆av电影网| 色丁香婷婷综合久久 | 天堂网一区 | av影片在线观看 | 老司机午夜影院 | 亚洲做受高潮 | 精品欧美黑人一区二区三区 | 国产亚洲精品成人av在线 | 美女被日网站 | 日本在线观看视频网站 | 粉嫩小箩莉奶水四溅在线观看 | av在线收看 | 精品日韩中文字幕 | 免费一级黄色片 | 老妇女av| 蜜臀少妇久久久久久久高潮 | 成人av在线电影 | 亚洲自拍av在线 | 色婷婷亚洲 | 国产大片av| 欧美做受喷浆在线观看 | 天天狠天天透 | 久久亚洲少妇 | 国产麻豆a毛片 | 热久久久久 | youjizz欧美 | 电影《两个尼姑》免费播放 | 先锋影音久久 | 黄色的网站免费观看 | 亚洲AV蜜桃永久无码精品性色 | 精品视频一区二区三区四区五区 | 一区二区三区欧美视频 | 久久久免费观看 | 免费观看污网站 | 亚洲综合免费 | 亚洲av高清一区二区三区 | 可以直接看的毛片 |