자주 사용하는 jQuery 구문 정리

2020.10.28 09:47

Admin Views:10

 

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"))
 

셀렉트박스

$('#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');