자주 사용하는 jQuery 구문 정리
2020.10.28 09:47
datatable 체크박스
$(".checkbox").find(':checkbox').prop("checked", false);
$('table td.iCHK input[type=checkbox]:checked');
$('td.iCHK input:checkbox:checked').length;
$('th.iCHK,td.iCHK').on('click', function(e){
if($(this).closest('tr').hasClass("selected")||$('.checkbox').hasClass("selected")){
$('.btn-copy').prop('disabled', true);
} else $('.btn-copy').prop('disabled', false);
});
if($('#checkbox').is(":checked"))
$(".checkbox").find(':checkbox').prop("checked", false);
$('table td.iCHK input[type=checkbox]:checked');
$('td.iCHK input:checkbox:checked').length;
$('th.iCHK,td.iCHK').on('click', function(e){
if($(this).closest('tr').hasClass("selected")||$('.checkbox').hasClass("selected")){
$('.btn-copy').prop('disabled', true);
} else $('.btn-copy').prop('disabled', false);
});
if($('#checkbox').is(":checked"))
셀렉트박스
$('#childSelect option:not(:selected)').remove();
$("#childSelect").prop('selectedIndex','')
$('#child-list-programs').on('change', function (e) {
$(this).children("option:selected").data('nation');
$('#list option[value="'+nation+'"]').prop('selected',true);
});
$(".email-pagination-next").on("click",function(e){
e.preventDefault();
e.stopPropagation();
var url = window.location.href;
var page = $.urlParam(url,'page');
var nUrL = new URL(url);
var hasMore = '{{ $letters->hasMorePages() }}';
if(page==null) page = 1;
if(hasMore) nUrL.searchParams.set("page", Number(page)+1);
else nUrL.searchParams.set("page", page);
if(hasMore) window.location.href = nUrL.href
});
AJAX 구문
$.ajax({
headers: {'X-CSRF-TOKEN': csToken},
type: 'POST',
url: '/updateLetter',
dataType: 'json',
data: frmData,
success: function(resp) {
console.log("success : " +JSON.stringify(resp));
},
cache:false,
contentType: false,
processData: false,
error: function(resp) {
console.log("error : " +JSON.stringify(resp));
}
}).done(function(resp){
location.reload();
}).fail(function(jqXHR, ajaxOptions, thrownError){
alert('No response from server');
});
폼 Dropzon 관련 구문
var formData = new FormData();
formData.append("file", file);
var data = $('#frmEditMSG .compose-form').serializeArray();
$.each(data, function(key, el) {
frmData.append(el.name, el.value);
});
file.previewElement.getAttribute("data-fid")
file.previewElement.setAttribute('data-fid',resp.id);
$(this).closest('tr').find('td:eq(0)').text();
var srl = $(this).closest('tr').attr('class').replace('frSSD-', '');
$('#frm input[name="search"]').keypress(function (e) {
if (e.which == 13) {
e.preventDefault();
}
});
var nodeStr = e.target.nodeName;
var iData = window.getComputedStyle(this,':before').getPropertyValue('content');
if(typeof iData !== 'undefined' && iData!=='none' && nodeStr == 'TD') return true;
else window.location.href = url;
배열관련
var rowId=$(this).data('prt'),
inArr=childs.includes(rowId);
if(rowId!=undefined&&!inArr) childs.push(rowId);
IFRAME 관련
var onprt=window.frames["onPRT"];
onprt.document.write('<body onload="window.print()">'+resp+'</body>');
onprt.document.close()
$.when(onPRT).done(function(){
$("#onPRT").on("load",function(){
var onErr=$(this).contents().find("#onError").val();
})
})
모달관련
shown.bs.modal || hidden.bs.modal
$(document).on('shown.bs.modal', '#onPrint', function(){
});
$('#add').find('.sub').text('Edit').end().find('.NAME').text(cpNAME).end().find('[type="submit"]').val('edit').text('Edit Sponsorship');