编码过程中积累的代码总结

最新推荐文章于 2023-08-22 08:48:54 发布

姜宏杰

最新推荐文章于 2023-08-22 08:48:54 发布

阅读量552

点赞数

分类专栏：编码过程中积累的代码总结 jQuery

本文链接：https://blog.csdn.net/chakelajhj/article/details/11809557

版权

jQuery 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

编码过程中积累的代码总结

1 篇文章 0 订阅

订阅专栏

1、jquery遍历json与数组方法总结

先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环

语法

$(selector).each(function(index,element))

例

each处理一维数组

  var arr1 = [ "aaa", "bbb", "ccc" ];      
  $.each(arr1, function(i,val){      
      alert(i);   
      alert(val);
  });

alert(i)将输出0，1，2
alert(val)将输出aaa，bbb，ccc

each处理二维数组

var arr2 = [
['a', 'aa', 'aaa'],
 ['b', 'bb', 'bbb'],
 ['c', 'cc', 'ccc']]      　　
$.each(arr, function(i, item){           
 alert(i);         
 alert(item);      　　
});

2、jquery如何实现 div定时刷新

<script>
            $(document).ready(function () {
               //每隔一秒刷新一次
               setInterval("startRequest()",1000);
			//setInterval这个函数会根据后面定义的1000既每隔1秒执行一次前面那个函数
              //如果你用局部刷新，要用AJAX技术
            });
            
            function startRequest()
            {
                $("#date").text((new Date()).toString());
            }
        </script>
//例2：
$(document).ready(function () {
                $("#time").text();
				//只刷新一次
                window.setTimeout(function () {
                    location.reload();
                }, 1000);
            });
<body>
          <div id="date"></div>
</body>

3、处理中文乱码

解决方法1：


  
  
   
   var text= encodeURIComponent("关键字");
  
  
  
  
   
   Location.href= "getChildNodeByKeyword.action?keyword="+text;

解决方法2：

var text= "关键字";
Location.href= encodeURI("getChildNodeByKeyword.action?keyword="+text);
request.setCharacterEncoding("gb2312"); 
et=gb2312");  //设置输出编码格式
response.setContentType("text/html; charset=gb2312");  //设置输出编码格式

4、用Jquery获取checkbox多个选项

<SCRIPT LANGUAGE="JavaScript">  
 <!--  
  $("document").ready(function(){  
  $("#btn1").click(function(){  
  $("[name='checkbox']").attr("checked",'true');//全选  
  })  
  $("#btn2").click(function(){  
  $("[name='checkbox']").removeAttr("checked");//取消全选  
  })  
 $("#btn3").click(function(){  
  $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数  
  })  
  $("#btn4").click(function(){  
 $("[name='checkbox']").each(function(){//反选  
  if($(this).attr("checked")){  
  $(this).removeAttr("checked");  
  }  
  else{  
  $(this).attr("checked",'true');  
  }  
  })  
 })  
  $("#btn5").click(function(){//输出选中的值  
  var str="";  
  $("[name='checkbox'][checked]").each(function(){  
  str+=$(this).val()+"\r\n";  
  //alert($(this).val());  
  })  
  alert(str);   
 })  
 })  
  -->  
  </SCRIPT>

5、 J avaScript中文字体转码

var  paragraphs= $(obj).parent().parent().find(encodeURIComponent(".eidt_txt")).val();
paragraphs = encodeURI(encodeURI(paragraphs));//重点
//后台处理：
paragraphs = request.getParameter("paragraphs");
paraggraphs = java.net.URLDecoder.decode(paragraphs,"UTF-8");
int id = Convert.getint(request.getParameter("articleId"));

6、普通传参方法

$.post("${pageContext.request.contextPath}/admin/admin.MngRecomendBySys_updateByTitle.action?paragraphs="+paragraphs+"&articleId=<%=ss%>",function(x)

7、jquery中，字符串转化为json对象

function strToJson(str){

var json = eval('(' + str +')');

returnjson;

}

var a={"name":"tom","sex":"男","age":"24"};

var b='{"name":"Mike","sex":"女","age":"29"}';

var aToStr=JSON.stringify(a);

07	var bToObj=JSON.parse(b);

09	alert(typeof(aToStr)); //string
10

alert(typeof(bToObj));//object

8、常用的工具方法有以下几种：

1 $.trim() 去除字符串两端的空格。

2 $.each() 遍历一个数组或对象。

3 $.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中，则返回-1。

4 $.grep() 返回数组中符合某种标准的元素。

5 $.extend() 将多个对象，合并到第一个对象。

6 $.makeArray() 将对象转化为数组。

7 $.type() 判断对象的类别（函数对象、日期对象、数组对象、正则对象等等）。

8 $.isArray() 判断某个参数是否为数组。

9 $.isEmptyObject() 判断某个对象是否为空（不含有任何属性）。

10 $.isFunction() 判断某个参数是否为函数。

11 $.isPlainObject() 判断某个参数是否为用"{}"或"new Object"建立的对象。

12 $.support() 判断浏览器是否支持某个特性。

JS对Cookie的操作

function setCookie(name,value)

{

var Days = 30;

var exp = new Date();

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

返回上一页：

<a href="javascript:window.history.back()"> 返回上一页</a>

获取系统时间

<script type="text/javascript" language="JavaScript">
       var current_time = null ;
       function showCurrentTime(){
          var time = new Date();
          var s = "" ;
          s += time.getFullYear() + "-" ;
          var month = time.getMonth() + 1 ;
          s += month + "-" ;
          s += time.getDate() + "  " ;
          s += time.getHours() + ":" ;
          var m = time.getMinutes();
          if( m < 10 ){
             s += "0" ;             
          }
          s += m ;
          s += ":" ;
 
          var ss = time.getSeconds();
          if( ss  < 10 ){
             s += "0" ;             
          }
          s += ss  ;
 
          if( current_time == null ){
            current_time = document.getElementById( "current_time" );
          }
 
          current_time.innerHTML = s ;
          setTimeout( "showCurrentTime()" , 1000 );
       }
       
    </script>

得到下拉框的值：

//window.onload =

function contentChange(di) {
 	var flag = document.getElementById("type");//得到ID
 	var index = flag.selectedIndex;//得到下拉框的下标
 	var val = flag.options[index].value; //下标对应的值   
 	 document.getElementById("cnt").innerHTML=val+"内容摘要";
 
}

姜宏杰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
编码过程中积累的代码总结

1、jquery遍历json与数组方法总结先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环语法$(selector).each(function(index,element))例 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ];
复制链接

扫一扫