ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryの簡単な応用例まとめ_jquery

jqueryの簡単な応用例まとめ_jquery

WBOY
リリース: 2016-05-16 17:25:53
オリジナル
1201 人が閲覧しました

1. メイン ページの div に表示されるサブページ コンテンツを指定します。ここで、renderContainer はメイン ページ div の ID または名前です

コードをコピー コードは次のとおりです:

$.ajax({
url: url,
data: パラメーター,
type: "GET",
dataType: "html ",
success:function (html) {
$(renderContainer).attr("title", title);
$(renderContainer).html(html); >$(renderContainer).dialog({
autoOpen: true,
width: 590,
height: 720,
modal: true,
sizeable: false,
draggable: 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("チェック済み") == "チェック済み") {
idArray.push(parseInt($(this).val()))
}
}); 🎜>});


3. ID に「userid」フィールドが含まれているチェックボックスを選択する別の方法





4. クリックしてスタイルを変更します




コードをコピー


コードは次のとおりです:
$(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 = function (days) {
//var righttime1 = eval('( new ' obj.replace(new RegExp("/", "gm"), "" ) ')');
var myDate = new Date();
myDate.getDate() days);
var year = myDate.getFullyear(); ("0" (myDate.getMonth() 1)).slice(-2);
var day = ("0" myDate.getDate()).slice(-2); "-" month "-" day;
return s ;

コードをコピー


コードは次のとおりです:

$(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 = $ (これ);
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"); }
});