Jquery js框架使用

开发者凌萓技术 2022年11月7日

0 收藏 963 点赞 541 浏览 1637 个字

jquery 众所周知 ,强大的 js框架

自己使用的一些笔记

//1.json格式定义方法
var product_obj={ 
  check_init:function(){ 
       $("input[name=Name]").blur(function(){ 
       }    
    }
}
//页面调用
$(product_obj.check_init)
//2.给控件绑定事件
$("input[name=Name]").blur(function(){ 
       }  
//3.获取节点,节点属性修改，css修改等
$("input:radio:checked")
$("input:checkbox:checked")
$('#checkout .address dl')
$('#checkout .address dl').css('display', 'none');
$("#address_form").attr({"action":"user_addAddressBook","method":"post"})
$("#a_next").remove();
$(".pro_img .list img").each(function(){
     global_obj.image_init(this,$(this).parent().width(),$(this).parent().height())
 })
$(this).parent()
//4.节点的获取
$("#address_form [name=address_book_mod]")
$("from[name=fileupload]")
//5.引入其他文件
$("#main_order").load("addAddressBook.jsp");
//6.ajax的使用
    
$.ajax({
       type: "POST",
       url: url,
       data: data,
       success: function(msg){
     if(status=="reload"){
      location.reload();
     }else if(status=="html"){
      $(include).html(msg);
     }
       }
   });
//表单的提交
$.post('user_register', $('#user_form').serialize(), function(data){
     if(data[0]=="1"){location.href=data[1]}else if(data[0]=="2"){global_obj.win_alert(data[1])};
   });
//post普通提交
j.post('/oaproveuploadmgr.do', { method:"delprovefile",state: "4" ,msgid:'${msgInfoMap.ID}',userid:'${user.id}',delpath:filepath},function(data){
if(data == 'success'){
j(j(obj).parents("table")[0]).remove();
if(j("#pFileDisplayHtml table").size()==0){
j("#prove_state").html("未证明");
}
}else{
alert(data);
}
}); 
//多库共存
var j = jQuery.noConflict();
//jquery 关于在ifarme 中获取父窗口的方式
$("input[name=datamsgid]",parent.document).val('<%=request.getAttribute("dataMsgId")%>');
$("form[name=uploadform]",parent.document).remove();
//添加  append