더 이상 고민하지 않고 실제 정보를 추가하십시오. .
특정 코드는 다음과 같습니다.
/*@@은 문자열 길이를 가로 채고, 중국어 수를 계산하고, 2 자 계산 @@ return [string]+'...'*/var substring = function (str, len) {var newlength = 0; var newstr = "; var chineseeregex =/[^/x00-/xff]/g; var singlechar =" "; var strlength = strlength (chinesegegex, fore <)." strlength; i) {singlechar = str.charat (i) .tostring (); if (singlechar.match (chineseeregex)! = null) {newlength+= 2;} else {newlength ++;} if (newlength> len) {break;} singlechar;} if (strlength+= singlechar;} if (strlength+= singlechar;} if). "...";}반품 newStr;}------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- flag = false; $; $ ( ". dialog_con"). 각 (function () {if ($ (this) .is ( ": visible")) {flag = true;}}) if (flag == true) {$ ( ". dialog_con"). } else {window.android.callandroidfinish ();}} --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- (/(ipad|ipod|ios)/i.test(navigator.useragent)) {setActiveStyLesheet ( "pad.css"); } else if (/( android)/i.test(navigator.useragent)) {setActiveStyLesheet ( "common.css"); } else if (/(iphone6)/i.test(navigator.useragent))) {setActiveStyLesheet ( "iPhone6.css"); } function setActiveStyLesheet (filename) {document.write ( "<link href ="+filename+" rel=stylesheet>");}</script>------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 또는 특정 이미지가로드되었는지 확인하는 클래스. */$ ( 'img'). load (function () {console.log ( '이미지로드 성공적인');});---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 이 간단한 코드는 많은 도움이 될 수 있습니다. @@ 링크가 깨진 링크가 없어도이 코드를 추가하면 아무런 영향을 미치지 않습니다. */$ ( 'img'). on ( 'error', function () {$ (this) .prop ( 'src', 'img/broken.png');});--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 사용자가 호버 할 때 다음 코드를 사용하여 요소에 클래스를 추가 할 수 있습니다. 사용자의 마우스가 떠날 때이 클래스를 제거하십시오 : */$ ( '. btn'). hover (function () {$ (this) .addclass ( 'hover');}, function () {$(this).removeClass('hover');});------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 필드 @@ 때때로 사용자가 특정 동작을 수행 할 때까지 양식의 제출 버튼 또는 텍스트 입력 상자를 사용할 수 없게 만들 수 있습니다 (예 : "이 조항을 읽은 확인란"). 입력에 비활성화 된 속성을 추가하면 원하는 효과*/$ ( 'input [type = "submit"]. false);-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*@@Stop link loading@@Sometimes you don't want the link to jump to a page or reload the page, but hope to do something else, such as triggering other scripts. 다음 코드는 기본 동작을 금지하는 트릭입니다 */$ ( 'a.no-link') 클릭 (function (e) {e.preventDefault();});------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 어쩌면 사용자가 무언가를 클릭 할 때 Fadein과 Slididown을 사용하면 요소를 보여주고 싶을 수도 있습니다. 그러나 첫 번째 클릭에 요소가 나타나고 두 번째 클릭에서 사라지려면 다음 코드를 잘 수행 할 수 있습니다 */// fade $ ( '. btn'). 클릭 (function () {$ ( '. element'). {$('.element').slideToggle('slow');});------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PANELS $ ( '#ACTICION'). find ( '. content'). hide (); // 아코디언 $ ( '#Accordion'). find ( '. Actionion-Header'). click (function () {var next = $ (this) .next (); slideToggle ( 'fast'); $ ( '.') false;});---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Have the same height, no matter what they have in them: */$ ( '. div'). css ( 'min-height', $ ( '. main-div'). 높이 ()); 이 예제는 Min-Height를 설정하므로 메인 DIV보다 클 수 있지만 결코 더 작을 수는 없습니다. 그러나 요소 세트의 설정을 반복하고 요소에서 높이를 가장 높은 값으로 설정하는보다 유연한 방법이 있습니다 : var $ columns = $ ( '. column'); var height = 0; $ columns.each () {if ($ (this) .height ()> height) {높이 = $ (this); height (); heights (heights (heigh); 모든 열이 동일한 높이를 갖기를 원하면 : var $ rows = $ ( '. 동일-height-columns'); $ rows.each (function () {$ (this) .find ( '. column'). height ($ (this);}); ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- '_본인');-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 텍스트가 존재하지 않으면 요소가 숨겨집니다 : */var search = $ ( '#search'). val (); $ ( 'div : not (: contains ( "' + search + '"))').숨다();--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- else if (e.target.visibilitystate === "hidden") {console.log ( '탭이 지금입니다 hidden!');}});----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 그러나 처리가 정의되지 않으면 다른 jQuery 코드가 작동을 멈출 수 있습니다. 다음 코드*/$ (Document)를 통해 전역 Ajax 오류 처리를 정의 할 수 있습니다. AjaxError (함수 (E, XHR, 설정, 오류) {console.log(error);});-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 다음 예제 코드 */$ ( '#elem'). show (); $ ( '#elem'). 변수에 요소를 캐시하는 또 다른 방법이 있습니다 (접두사는 $) : var $ elem = $('#elem');$elem.hide();$elem.html('bla');$elem.otherStuff();------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------. Traversal, All을 선택하고, 선택하지 않음 @@*//// 모두를 선택하고, 선택하지 않음 $ ( '#checkall')를 선택하십시오 ( '#checkall'). click (function () {// var bischecked = $ ( '#checkall') IS ( ': checked'); var fruit = $ [input [ "check"]; bischecked? attr ( 'checkt.attr? fruit.attr ( 'checked', false);}); // 현재 선택한 경우 CheckBox를 역전시키고 동일하게 선택하지 않도록 설정하십시오. 반대는 동일합니다. $ ( "#tabvouchList tr"). 각 (function () {if ($ ( "td : eq (0) 입력 [name = 'check']", $ (this)). is ( ': checked')) {$ (this) .attr ( 'checked', false); {$ (this) .attr ( 'checked', true);위의 내용은 편집자가 제공 한 JS 팁의 요약입니다. 모든 사람에게 도움이되기를 바랍니다.