冯海滨博客

海滨博客

js 操作ul li

0条评论 83 ℃
 function kefushengfentianjia() {             var shengfen = document.getElementById("selectshengfen"); //定位id      &n...

jquery easyui tree data用法

0条评论 306 ℃

在网上找了好久 终于找到了。

不说话 来代码

        $('#MenuforchengxuNDate').tree({
            data: [ { text: 'new1' },{text: 'new2'} ]
        }, {
            onClick: function (node) {
                AddEventmenufuwu(node);
            }
        });


...

jquery 判断 iframe 是否加载完成

0条评论 290 ℃

在你需要验证是否加载完成的iframe上用jquery绑定load事件即可,像这样

/假设你需要验证的iframe的id是a,那么像下面这样做就可以了
$(function(){
    $("#a").on("load",function(){
        //加载完成,需要执行的代码
    });
});


...

无比纠结的html转移

0条评论 284 ℃

最近做jqueryeasyui的一个项目

被html转义困扰

主要难点在于换行符和特殊符号。那 textarea 为列子

  1. 提交服务器前用escape编码

  2. 服务器接收到编码数据后 解码 然后 解码前

.Replace("+", "%2b")//将+号在编码 因为escape不支持+号编码

进行处理

...

jquery easyui datebox 获取时间

0条评论 338 ℃
$("#dd").datebox("getValue");

当然这种方式不是太符合我们习惯,那么我们可以给它添加一个事件监听,在datebox onSelect 日期选中后,自动为input id="dd" type="text"赋值,然后我们就可以使用

$("#dd").val()获取选中的日期值了。

...

jquery的table表格在指定行后添加新行

0条评论 454 ℃
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="style/lib/jquery.js"></script>
<script>
  
   //注意input的id和tr的id要一样
   function addRowByID(currentRowID){
       //遍历每一行,找到指定id的行的位置i,然后在该行后添加新行
       $.each( $('table:first tbody tr'), function(i, tr){
           if($(this).attr('id')==currentRowID){
               //获取当前行
               var currentRow=$('table:first tbody tr:eq('+i+')');
               //要添加的行的id
               var addRowID=currentRowID+1;
               str = "<tr id = '"+addRowID+"'><td>"+addRowID+"</td><td>row"+addRowID+"</td>"+
               "<td><input id= '"+addRowID+"' type='button' value='添加行' onclick='addRowByID(this.id);' /></td></tr>";
               //当前行之后插入一行
               currentRow.after(str);
           }
       });
   }
</script>
</HEAD>
  
<BODY>
   <table border="1" bordercolor="green">
       <thead>
           <tr>
               <th>id</th>
               <th>value</th>
               <th>button</th>
           </tr>
       </thead>
       <tbody>
           <!-- 这里是input的id和tr的id要一样 -->
           <tr id='aaa'>
               <td>0</td>
               <td>row0</td>
               <td><input id='aaa' type="button" value="添加行" onclick="addRowByID(this.id);" /></td>
           </tr>
           <tr id='bbb'>
               <td>1</td>
               <td>row1</td>
               <td><input id='bbb' type="button" value="添加行" onclick="addRowByID(this.id);" /></td>
           </tr>
           <tr id='ccc'>
               <td>2</td>
               <td>row2</td>
               <td><input id='ccc' type="button" value="添加行" onclick="addRowByID(this.id);" /></td>
           </tr>
       </tbody>
   </table>
</BODY>
</HTML>


...

jQuery再学习之二、jQuery选择器

0条评论 310 ℃

前言

jQuery选择器非常非常强大而且灵活,要完全掌握它是需要狠下一番功夫的。当然,掌握了主要的部分后,其它的了解就好,因为一些比较偏的毕竟用得少,而且可以有其它方法来实现。

...