jquery学习记录2

最新推荐文章于 2024-01-20 21:49:50 发布

xinyuebaihe

最新推荐文章于 2024-01-20 21:49:50 发布

阅读量156

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/xinyuebaihe/article/details/78517863

版权

jquery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1.jsp页面日期格式化

<fmt:formatDate value="${item2.replay_date}" pattern="yyyy-MM-dd"/>

要引用 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

2.对于复选框：

$(this).removeAttr("checked");
$(this).attr("checked","checked");

var data = $('input[type="checkbox"]:checked');

下拉列表：

$('#id').attr("selected", true);

3.当操作jqury动态添加的元素时

			$(document).on('click','.card.nextpage .text-center',function(){
				$(this).prev().val('1');
			})

4.直接后代与所有后代

$('#id').children('');

$('#id').find('');

5.enter键查询

function enterSearch(){
   var event = window.event || arguments.callee.caller.arguments[0];
   
   if (event.keyCode == 13)
   {

   }
}

6.属性选择器

$("[name='valuee']")

7. 循环

		$("[name='valuee']").each(function(i){
			
		})

8.数组中放对象

searchVo = new Array();

searchVo.push({operator: operator, field: field, valuee: value,type:type});

9.对象变字符串var str = JSON.stringify(searchVo);

后台处理：List<AdvancedSearchVo> advancedSearchList = JSON.parseArray(str, AdvancedSearchVo.class);

10.jquery ajax传数组加 traditional: true,

var values = $("input[type=checkbox]").map(function(){
      return $(this).val();
}).get();
$.ajax{
      url:"xxxx",
      traditional: true,
      data:{
            p: values 
      }
}

如果单纯写成这样，在java后台是无法取到参数的，因为jQuery需要调用jQuery.param序列化参数：jQuery.param( obj, traditional )。默认的话，traditional为false，即jquery会深度序列化参数对象，以适应如PHP和Ruby on Rails框架，但servelt api无法处理，我们可以通过设置traditional 为true阻止深度序列化，然后序列化结果如下：

p: ["123", "456", "789"]    =>    p=123&p=456&p=456

11. map的使用

var values = $("input[type=checkbox]").map(function(){
      return $(this).val();
}).get();

12.删除样式增加样式

		    $('.detailPage').show().removeClass('slideOutRight');
		    $('.detailPage').css({'background':'rgba(00,00,00,.35) '});
		    $('.detail_wrap').addClass('slideInRight animated');