> 웹 프론트엔드 > JS 튜토리얼 > jquery 간단한 응용 프로그램 예제 요약_jquery

jquery 간단한 응용 프로그램 예제 요약_jquery

WBOY
풀어 주다: 2016-05-16 17:25:53
원래의
1201명이 탐색했습니다.

1. 메인 페이지의 div에 표시할 하위 페이지 콘텐츠를 지정합니다. 여기서 renderContainer는 메인 페이지 div의 ID 또는 이름일 수 있습니다.

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

$.ajax({
url: url,
data:parameters,
type: "GET",
dataType: "html ",
success:function (html) {
$(renderContainer).attr("title", title)
$(renderContainer).html(html); >$(renderContainer).Dialog({
autoOpen: true,
너비: 590,
높이: 720,
모달: true,
크기 조정 가능: false,
드래그 가능: true
});
}
})

2. 특정 작업을 수행하려면 지정된 테이블의 지정된 ID를 선택하세요.

코드 복사 코드는 다음과 같습니다. $(".tbl_checked tr[userid='" idArray[i] "']").remove();

3. 트리거 이벤트 로드를 지연하고, 해당 ID에 "userid" 필드가 포함된 확인란을 선택하고 해당 ID를 idArray 배열에 넣습니다.


코드 복사
코드는 다음과 같습니다. $("#authorize_reset").live('click ',function(){ var idArray = [];
$(":checkbox[id^='userid']").each(function(){
if($(this). attr("checked") == "checked") {
idArray.push(parseInt($(this).val()))
}
}); 🎜>})


3. ID에 "userid" 필드가 포함되어 있고 체크되어 있는 체크박스를 선택하는 또 다른 방법



코드 복사


코드는 다음과 같습니다: 간단하고 실용적인 클릭으로 스타일 변경




코드 복사


코드는 다음과 같습니다.
$(function(){ $(".tbl_checked tr") .live('click', function(){ var target = $(this); if(target.attr("class") == "tr_checked") { target.removeClass(" tr_checked");
} else {
target.addClass ("tr_checked");
}
})


5. "2012-12"의 시간 비교 -21" 형식을 먼저 변환해야 합니다




코드 복사


코드는 다음과 같습니다.
var CompareTime = Date.parse(setTime.replace(/-/g, "/") ; > 코드는 다음과 같습니다. (function ($) { var FormatDateTime = function FormatDateTime() { };
$.FormatDateTime = 함수(일) {
//var righttime1 = eval('( new ' obj.replace(new RegExp("/", "gm"), "" ) ')');
var myDate = new Date();
myDate.setDate( myDate.getDate() days)
var year = myDate.getFullYear(); ("0" (myDate.getMonth() 1)).slice(-2);
var day = ("0" myDate.getDate()).slice(-2)
var s=year "-" 월 "-" 일;
return s ; } }) (jQuery) 마지막은 jquery로 만든 유사한 양방향 목록입니다. 좌우로 콘텐츠를 교환할 수 있는


코드 복사


코드는 다음과 같습니다

$(function(){
//사용자 목록, 역할 사용자 목록을 로드하려면 클릭
$(".add_remove_user").live('click',function() {
varrid = $(".current").attr("id").substring("ut_".length);
changeroleDialog(changeroleRoute.url(), {id:rid}, ".set_user_list");
});

$(".tbl_checked tr").live('click', function(){
var target = $ (this);
if(target.attr("class") == "tr_checked") {
target.removeClass("tr_checked")
} else {
target.addClass(" tr_checked");
}
});
$(".tb1_role_checked tr").live('click', function(){
var target = $(this);
if(target.attr("class") == "tr_checked_1") {
target.removeClass("tr_checked_1")
} else {
target.addClass("tr_checked_1"); }
});