第一页 上页 9 10 11 12 13 14 15 16 17 18 下页 最后页 [ 显示模式: 摘要 | 列表 ]

JQuery总结

[不指定 2014/09/16 16:32 | by 刘新修 ]

1. 利用JQuery中如何判断元素中是否有文本

JavaScript代码
  1. <script type="text/javascript">  
  2. $(function(){  
  3.        $("body").each(function(){  
  4.               if($(this).find("h1").text().trim()==""){  
  5.                      $(this).css("background","blue");  
  6.               }else{  
  7.                      $(this).css("background","red");  
  8.               }                
  9.        });                                
  10. });  
  11. </script>  

注://trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格

2. 判断ul标签下是否有li元素

JavaScript代码
  1. var jqObj = $(this);  
  2. if(!jqObj.has('li').length){  
  3. jqObj.hide();  
  4. }  

3. 遍历/判断子节点(带某些参数子节点)的个数,如果有少于1的给出提示.

JavaScript代码
  1. $("div[id^=div]").each(function(){  
  2.     //alert($(this).find(".subclass").children('ul').size());  
  3.     var lili=$(this).find(".subclass").children('ul').size();  
  4.     //alert(lili)  
  5.     if(lili<1){  
  6.      alert("ddd")  
  7.     }  
  8. });  
XML/HTML代码
  1. <div id="div1" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul><ul><li></li></ul></div></div>  
  2. <div id="div2" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul></div></div>  

YY项目中的例子:

JavaScript代码
  1. //限制每提最少选择一个答案  
  2. var stop=true;  
  3. $(".lisbox").each(function () {  
  4.     //alert($(this).find(".subclass").children('ul').size());  
  5.     var lili = $(this).find("input:checked").length;  
  6.     //alert(lili)  
  7.     if (lili < 1) {  
  8.       stop=false;  
  9.     }  
  10. });  
  11.   
  12. if(!stop){ alert("每个调查最少选择一个答案哦~");return false; }  
  13.   
  14. $.ajax({ ... })  

4. 检查某个元素是不是再另外一个元素中?

XML/HTML代码
  1. <ul><li></li></ul>  
  2.   
  3. <script>  
  4.   $("ul").append("<li>" + ($("ul").has("li").length ? "yes__" : "no_") + "</li>");  
  5.   $("ul").has("li").addClass("full");  
  6. </script>  

5. 遍历保存所有Input内地值

JavaScript代码
  1. <script>  
  2.     $("p").append( $("input").map(function(){  
  3.       return $(this).val();  
  4.     }).get().join(", ") );  
  5. </script>  
  6. ====================================================  
  7. Values: John, password, http://qq.com/  

6.邮件订阅提交

JavaScript代码
  1. <script type="text/javascript">  
  2. function subscribe(){  
  3.     $.post('/ebapi/subscribe.php', {"ispub":1, "email":$("input[name=email]").val()}, function(jsondata){  
  4.     if (jsondata.code == 1){  
  5.        $('.bu_success').css("display", "block");  
  6.        $('.bu_error').css("display", "none");  
  7.        $('.bu_success').html('订阅成功');  
  8.     }else{  
  9.        $('.bu_success').css("display", "none");  
  10.        $('.bu_error').css("display", "block");  
  11.        if (jsondata.code == 2)  
  12.          $('.bu_error').html('您已经订阅了,不需要重复订阅');  
  13.        else if (jsondata.code == -1)  
  14.          $('.bu_error').html('邮箱格式错误,请重新输入');  
  15.        else if (jsondata.code == 0)  
  16.          $('.bu_error').html('订阅失败');    
  17.     }  
  18.    }, 'json');  
  19. }  
  20. $('input[name="email"]').bind('keypress', function(event){  
  21.     if (event.keyCode == '13'){  
  22.         subscribe();  
  23.     }  
  24. });  
  25. $('#subscribeBtn').bind('click', function(){  
  26.    subscribe();  
  27. });  
  28. </script>  
  29. *********************************************  
  30. 返回Json格式:{code: 1}  

7.通用Tab选项卡

JavaScript代码
  1. //tab标签切换  
  2. var $tabcon=$(".tabbox .tabcon .tcon");  
  3. var $tabconliN=$(".tabbox li");  
  4. var $tabconliH=$(".tabbox li[name='tabH']");  
  5. var $tabconliC=$(".tabbox li[name='tabC']");  
  6.   
  7. $tabconliH.hover(function(){  
  8.     $(this).siblings().removeClass("current").addClass("current");  
  9.     var index = $tabconliN.index(this);  
  10.     $tabcon.eq(index).show().siblings('.tcon').hide();  
  11. });  
  12. $tabconliC.click(function(){  
  13.     $(this).siblings().removeClass("current").addClass("current");  
  14.     var index = $tabconliN.index(this);  
  15.     $tabcon.eq(index).show().siblings('.tcon').hide();  
  16. });  
XML/HTML代码
  1. <div class="tabbox">  
  2.     <div class="tit">  
  3.         <ul>  
  4.             <li name="tabC">aaaaaaaaaa</li>  
  5.             <li name="tabC">bbbbbbbbbb</li>  
  6.             <li name="tabC">cccccccccc</li>  
  7.         </ul>  
  8.     </div>  
  9.     <div class="tabcon">  
  10.         <div class="tcon">1111</div>  
  11.         <div class="tcon">2222</div>  
  12.         <div class="tcon">3333</div>  
  13.     </div>  
  14. </div><!-- tabbox -->  

8. 提交问卷实例(抓取页面中所有被选中的Input_value值,及对应的问题ID,输出Json)

JavaScript代码
  1. function showVal(){  
  2. var val=$('.lisbox').map(function(){  
  3.     var pid=$(this).attr('id');  
  4.     var val=$('input:checked',this).map(function(){  
  5.         return $(this).val();      
  6.     }).get();  
  7.     var obj={key:pid,id:val};  
  8.     return obj;  
  9. }).get();  
  10. alert(JSON.stringify(val));  
XML/HTML代码
  1. <div class="lisbox" id="120">  
  2. <div class="lisT l-h-30 co30">1.你从哪里知道的我们的?</div>  
  3. <input type="radio" name="an0" value="316" id="316"><label for="316">电视广告</label>    
  4. <input type="radio" name="an0" value="318" id="318"><label for="318">地铁公交广告</label>  
  5. <input type="radio" name="an0" value="317" id="317"><label for="317">互联网文字广告</label>  
  6. <input type="radio" name="an0" value="315" id="315"><label for="315">互联网视频广告</label>  
  7. <input type="radio" name="an0" value="327" id="327"><label for="327">亲朋好友介绍</label>  
  8. </div>  
  9.   
  10. <div class="lisbox" id="120">  
  11. <div class="lisT l-h-30 co30">2.你从哪里知道的我们的?</div>  
  12. <input type="checkbox" name="an0" value="316" id="316"><label for="316">电视广告</label>    
  13. <input type="checkbox" name="an0" value="318" id="318"><label for="318">地铁公交广告</label>  
  14. <input type="checkbox" name="an0" value="317" id="317"><label for="317">互联网文字广告</label>  
  15. <input type="checkbox" name="an0" value="315" id="315"><label for="315">互联网视频广告</label>  
  16. <input type="checkbox" name="an0" value="327" id="327"><label for="327">亲朋好友介绍</label>  
  17. </div>  
  18. <input type="submit" onClick="showVal()">  

9.JS定期器

XML/HTML代码
  1. clearTimeout()和clearInterval() :  
  2. JS里设定延时:  
  3. 使用SetInterval和设定延时函数setTimeout 很类似。  
  4. setTimeout 运用在延迟一段时间,再进行某项操作。  
  5. setTimeout("function",time) 设置一个超时对象  
  6. setInterval("function",time) //设置一个超时对象  
  7. SetInterval为自动重复,setTimeout不会重复。  
  8. clearTimeout(对象) 清除已设置的setTimeout对象  
  9. clearInterval(对象) 清除已设置的setInterval对象  

 10.JQ(Ajax)实例

JavaScript代码
  1. $("#bt1").click(function(){    
  2.     var name =$("#tx1").val();    
  3.     var URL = "../validate?name="+name+"&date="+new Date().getTime();    
  4.     $.ajax({    
  5.         type:"GET",    
  6.         url:URL,    
  7.         dataType:"xml",    
  8.         success:function(msg){    
  9.             alert(msg);    
  10.             var jqueryObj =$(msg) ;//把后台传来的对象转为JQuery对象    
  11.             alert(jqueryObj);    
  12.             var content = jqueryObj.text();    
  13.             $("#sp1").text(content);    
  14.                 
  15.         }    
  16.     });    
  17. })  

 

 

 

PHP代码
  1. <?php  
  2. header("content-type:text/html;charset=utf-8");  
  3. $username = $_POST['hiusername'];  
  4. $sex = $_POST['hisex'];  
  5. $age = $_POST['hiage'];  
  6. //$json_res = {'username':$username,'sex':$sex,'age':$age};  
  7. $json_res = array("username"=>$username,'sex'=>$sex,'age'=>$age);  
  8. $res = json_encode($json_res);  
  9. file_put_contents("c:/1.txt",$res);  
  10. echo $res;  
  11.   
  12. ?>  
XML/HTML代码
  1. <html>  
  2. <head>  
  3. <title>php jquery json数据传输</title>  
  4. <meta http-equiv="content-type" content="text/html;charset=utf-8" />  
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>  
  6. <script type="text/javascript">  
  7. $(function(){  
  8.     $('#send').click(function(){  
  9.          $.ajax({  
  10.              type: "post",  
  11.              url: "/php/s1.php",  
  12.              data: {hiusername:$("input[name='username']").val(),hisex:$("input[name='sex'][checked]").val(),hiage:$("input[name='age']").val()},  
  13.              dataType: "json",  
  14.              success: function(msg){  
  15.                   if(msg!=null){  
  16.                          alert("提交成功!")  
  17.                   }  
  18.              },error:function(){  
  19.                          alert("ddddd")  
  20.              }  
  21.          });  
  22.     });  
  23. });  
  24.   
  25. </script>  
  26. </head>  
  27. <body>  
  28. <!-- <form action="/php/s1.php" method="post">  -->  
  29. 姓名:<input type="text" name="username" /><br />  
  30. 性别:<input type="radio" name="sex" value="男" /><input type="radio" name="sex" value="女" /><br />  
  31. 年龄:<input type="text" name="age" />  
  32. <input type="submit" name="sub" id="send" value="提交" />  
  33. <!-- </form> -->  
  34.   
  35. <div id="test"></div>  
  36. </body>  
  37. </html  

 

 一、对CheckBox的操作:

   以这段checkBox代码为例:
 
   <input type="checkbox" name="box"  value="0" checked="checked" /> 
   <input type="checkbox" name="box" value="1" />
   <input type="checkbox" name="box" value="2" />
   <input type="checkbox" name="box" value="3" />
   1.遍历checkbox用each()方法:
       $("input[name='box']").each(function(){});
   2.设置checkbox被选中用attr();方法:
     $("input[name='box']").attr("checked","checked"); 
    在HTML中,如果一个复选框被选中,对应的标记为 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 则会提示您是"true"而不是"checked",所以判断 if("checked"==$("#id").attr("checked")) 是错误的,应该是 if(true == $("#id").attr("checked"))
  3.获取被选中的checkbox的值:
    $("input[name='box'][checked]").each(function(){
    if (true == $(this).attr("checked")) {
          alert( $(this).attr('value') );
    }
     或者:
    $("input[name='box']:checked").each(function(){
    if (true == $(this).attr("checked")) {
          alert( $(this).attr('value') );
    }
   $("input[name='box']:checked")与 $("input[name='box']")有何区别没试过,我试了用 $("input[name='box']")能成功。
   4.获取未选中的checkbox的值:
 
    $("input[name='box']").each(function(){
          if ($(this).attr('checked') ==false) {
                alert($(this).val());
            }
     });
   5.设置checkbox的value属性的值:
          $(this).attr("value",值);
 
二、 一般都是创建一个js数组来存储遍历checkbox得到的值,创建js数组的方法:
     1.  var array= new Array();
     2. 往数组添加数据:
        array.push($(this).val());
     3.数组以“,”分隔输出:
         alert(array.join(','));
 
  <input type="checkbox" name="myBox" class="chkTwo" value="2" />
  <input type="checkbox" name="myBox" id="chkOne" value="2" />

 

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>  
  4. <script type="text/javascript">  
  5. $(document).ready(function(){  
  6.   $("button").click(function(){  
  7.     $("div").text($("form").serialize());  
  8.   });  
  9. });  
  10. </script>  
  11. </head>  
  12. <body>  
  13. <form action="">  
  14. username: <input type="text" name="hiusername" value="liuxinxiu" /><br />  
  15. age: <input type="text" name="hiage" value="28" /><br />  
  16. </form>  
  17.   
  18. <button>序列化表单值</button>  
  19. <div></div>  
  20. </body>  
  21. </html>  

 

我用PS做了一个皮肤。切片切好之后 存储为WEB所用格式 选择的是PNG的。

现在我要存储为JPG的,但是现在存储的时候 明明选择的是JPG的,但是存储出来的还是PNG的图片。

解决如下:

其实这样的情况我曾经也遇到过,研究了一下,目前最好的处理方法是这样的:

1.选择储存为web所有格式;

2.弹出的选项框的左下方显示百分比中选择:满画布显示;

3.框中显示满画布后,在显示图片区域按住鼠标左键,从左上拖动至左下,全选整个所有切好的图片(如果想分别选择可以调整显示百分比大小,将所要储存的图片格式一一选择);

4.全选或任意选择好你所需的图片后,在弹出框的左边“预设”处选择JPG(或则其他格式),调整所需品质、模糊、杂边等;

5.最后点存储,选择“html和图片”,选好电脑所放位置,就可以得到整图切片后生成的所有JPG格式图片以及html了。

mod_cband是一个限额用户带宽,最高下载速度,每秒访问请求速度和最高并发访问ip连接数的apache2模块。

1.安装mod_cband如下:

C#代码
  1. wget http://so.liuxinxiu.com/mod-cband-0.9.7.2.tgz  
  2. tar zxvf mod-cband-0.9.7.2.tgz  
  3. cd mod-cband-0.9.7.2  
  4. ./configure --with-apxs=/usr/local/apache/bin/apxs  
  5. make  
  6. make install  
##### whereis apxs可以看到你的apxs路径 #####
如果是yum 安装 httpd 找不到apxs需要单独再安装:# yum install httpd-devel //安装
查看路径:whereis apxs
 
[root@www sbin]# whereis apxs
apxs: /usr/sbin/apxs /usr/share/man/man8/apxs.8.gz
 
 
2.检查下你的apache配置文件httpd.conf是否加载了
 
执行以下:
C#代码
  1. grep cband /usr/local/apache2/conf/httpd.conf  
  2. 如果是云安装:
  3. grep cband /etc/httpd/conf/httpd.conf
 
查看模块有没加载到apache的路径上
LoadModulecband_module      modules/mod_cband.so
 
3.配置虚拟主机
 
C#代码
  1. #++++++++++默认入口+++++++++++++  
  2. #<VirtualHost *:80>  
  3. #    DocumentRoot /usr/local/apache/htdocs  
  4. #    ServerName 192.168.1.233  
  5. #</VirtualHost>  
  6.   
  7. <VirtualHost *:80>  
  8.    ServerName 192.168.1.233  
  9.    ServerAdmin admin@liuxinxiu.com  
  10.    DocumentRoot /usr/local/apache/htdocs  
  11.    CBandSpeed 1024 100 30  
  12.    CBandRemoteSpeed 50kb/s 5 3  
  13. </VirtualHost>  
说明:
 
CBandSpeed 1024 100 30 #CBandSpeed限定总的最大链接速度为1024kb,最多并发处理100个请求和30个链接
CBandRemoteSpeed 50kb/s 5 3 #CBandRemoteSpeed限定一个用户最多能有50kb的链接速度,最多并发5个请求和3个链接

 

mysql没有直接提供切割的函数.但是我们可以通过SUBSTRING_INDEX来实现.
如 原始字符串:  aa.bb.cc.dd
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 1), '.', -1);  得到aa
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 2), '.', -1);  得到bb
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 3), '.', -1);  得到cc
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 4), '.', -1);  得到dd
看出规律来了吧.

find ./ -name "*.php" | xargs grep "js.bjlcp.com"

find ./ -name "*.*" | xargs grep "js.bjlcp.com"
 
find ./ -name "*.*" | xargs grep "ob_get_contents"
find ./ -name "*.*" | xargs grep "电影"
find ./ -name "*.*" | xargs grep "bjlcp"
 

sftp连接命令详解

[不指定 2014/05/18 21:51 | by 刘新修 ]
sftp -oPort=22 root@173.212.222.96
sftp -oPort=22 root@210.209.73.203
 
sftp> get /var/www/fuyatao/index.php  /home/fuyatao/
这条语句将从远程主机的  /var/www/fuyatao/目录下将 index.php
下载到本地  /home/fuyatao/目录下
 
sftp> put /home/fuyatao/downloads/gl.pdf /var/www/fuyatao/
这条语句将把本地 /home/fuyatao/downloads/目录下的 linuxgl.pdf
上传至远程主机/var/www/fuyatao/ 目录下

ssh超时断开的解决方法

[不指定 2014/05/17 14:23 | by 刘新修 ]

当用SSH Secure Shell连接Linux时,如果几分钟没有任何操作,连接就会断开。必须重新登陆才行,每次都重复相同的操作,很是烦人,一般修改两个地方可将这烦人的问题解决

1、echo $TMOUT (先查看有预设,如果大于0就把它设置为0      TMOUT=0

不重启机器让/etc/profile文件生效! . /etc/profile

如果显示空白,表示没有设置, 等于使用默认值0, 一般情况下应该是不超时. 如果大于0, 可以在如/etc/profile之类文件中设置它为0.

2、修改/etc/ssh/sshd_config文件,将ClientAliveInterval 0和ClientAliveCountMax 3的注释符号去掉,将ClientAliveInterval对应的0改成60,ClientAliveInterval指定了服务器端向客户端请求消息的时间间隔, 默认是0, 不发送.而ClientAliveInterval 60表示每分钟发送一次, 然后客户端响应, 这样就保持长连接了.ClientAliveCountMax, 使用默认值3即可.ClientAliveCountMax表示服务器发出请求后客户端没有响应的次数达到一定值, 就自动断开. 正常情况下, 客户端不会不响应.

#ClientAliveInterval 0

#ClientAliveCountMax 3

***************************************

去掉注释,设置为60秒发送一次

ClientAliveInterval 60

ClientAliveCountMax 3

重启SSHD

service sshd restart

第一页 上页 9 10 11 12 13 14 15 16 17 18 下页 最后页 [ 显示模式: 摘要 | 列表 ]