15가지 jquery 일반적인 메소드와 share_jquery에 대한 팁

1.td의 행 및 열 레이블을 가져옵니다

코드 복사 코드는 다음과 같습니다.

$(this).prop('cellIndex')

2. Enter 키를 눌렀는지 확인합니다

코드 복사 코드는 다음과 같습니다.

var myEvent = 이벤트 || var 키 = myEvent.keyCode
if(키 == 13){
//이때 엔터를 누르세요
}

3. 전체선택 및 역선택

코드 복사 코드는 다음과 같습니다.

$("#selectall").click(function(){
If($("input[name='id[]']").is(":checked")){
​​​​ $("input[name='id[]']").prop("checked",false);
}그밖에{
​​​​ $("input[name='id[]']").prop("checked",true);
}
});

4. td 항목의 더블클릭 이벤트를 테이블에 저장하려면 더블클릭하여 수정하세요.

코드 복사 코드는 다음과 같습니다.

$("td").dblclick(함수(){
var tdIns = $(this)
var tdpar = $(this).parents("tr")
tdpar.css("배경색","노란색")
If (tdIns.children("input").length>0){ return false }
var inputIns = $("") //삽입해야 할 박스 코드를 입력하세요
var 텍스트 = $(this).html()
InputIns.width(tdIns.width()); //td 너비와 일치하도록 입력 설정
inputIns.val(tdIns.html()); //원본 셀 td 내용을 삽입된 텍스트 상자 입력에 복사합니다.
tdIns.html(""); //원본 셀 td 내용 삭제
inputIns.appendTo(tdIns).focus().select(); //dom 노드에 삽입해야 하는 입력 상자 코드를 삽입합니다.
inputIns.click(function(){return false;}); inputIns.keyup(함수(이벤트){
//1. Enter 키를 누를지 결정합니다
//엔딩에 대한 브라우저별 획득 시간 차이
var myEvent = 이벤트 ||         var key = myEvent.keyCode;
If(키 == 13){
            var inputNode = $(this)
//1. 현재 텍스트 상자의 내용을 저장합니다
            var inputText = inputNode.val()
//2. td의 내용을 지웁니다
                    inputNode.parent().html(inputText);                                                      ~ })
//Enter 및 Esc 이벤트 처리
inputIns.blur(function(){
        var inputText = $(this).val();
         tdIns.html(inputText)
        tdpar.css("배경색","흰색")
           tdIns.html(text);                                   })
});


5. 상위 요소 $(this).parent();
6. $(this).next();
요소의 다음 형제 요소를 지정합니다. 7. 지정된 요소 $(this).nextAll();
의 모든 형제 요소 8. 요소와 모든 형제 요소 $(this).andSelf();
를 지정합니다. 9.prev(): 지정된 요소(이전 요소)의 이전 형제 요소를 가져옵니다.
10.prevAll(): 지정된 요소 앞에 있는 모든 형제 요소를 가져옵니다.
11. 하위 요소 가져오기

방법 1:>

코드 복사 코드는 다음과 같습니다.

var aNods = $("ul > a");// 모든 a 태그에서 ul을 찾으세요

방법 2: children()
방법 3: find()

참고:

1> 하위 및 find 메소드는 모두 요소의 하위 요소를 가져오는 데 사용됩니다. 둘 다 대부분의 jQuery 메소드와 마찬가지로 텍스트 노드를 반환하지 않습니다.
2> children 메소드는 요소 아래의 하위 요소, 즉 직계 하위 요소만 가져옵니다.
3> find 메소드는 모든 하위 요소, 즉 DOM 트리에서 이러한 요소의 자손을 얻습니다.
4> children 메소드의 매개변수 선택자는 선택적(선택적)이며 하위 요소를 필터링하는 데 사용되지만 find 메소드의 매개변수 선택자는 필수입니다.
5> 실제로 find 메소드는 jQuery(selector, context)를 사용하여 구현할 수 있습니다. 즉, $('li.item-ii').find('li')는 $('li', 'li.item-ii')와 동일합니다.

12. 첫 번째 요소 가져오기:

코드 복사 코드는 다음과 같습니다.

$("#getfirst").find("ul li:first-child")
$("#getfirst").find("ul li").get(0)
$("#getfirst").find("ul li").first()

13. Datepicker는 일반적으로 사용되는 날짜 선택 플러그인입니다

코드 복사 코드는 다음과 같습니다.

$("#waybill_eta1").datepicker({dateFormat: 'yy-mm-dd'});

14. 날짜와 시간을 동시에 선택하는 datetimepicker

코드 복사 코드는 다음과 같습니다.

$('#declare_time').datetimepicker({
날짜 형식: 'yy-mm-dd',
시간 형식: 'hh:mm',
        });

15.validate 일반 추가 확인 방법

코드 복사 코드는 다음과 같습니다.

$.validator.addMethod("isCode", 함수(값, 요소) {
var reg = /^[^u4e00-u9fa5]{1,}$/;
           return this.Optional(element) || (reg.test(value));
}, "문자, 숫자, 밑줄만 입력할 수 있습니다.");