Aug102014
Jun292014
jQuery操作同组元素的第N个元素的方法
jquery操作同组元素的第N个元素的方法。举例如下：
在 class=”phpernote” 下有 3个 ul，现在希望给每个ul下的第5个li元素添加 class=”com”
具体jQuery代码：
$(".phpernote ul li:nth-child(5)").addClass("com");
已经成功给每个ul下的第5个li添加class为com
当然，也可以直接添加 CSS 代码：
$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px...阅读全文
Jun162014
HTTP和HTTPS跨域共享session解决办法
HTTP、HTTPS协议下跨域解决session共享的办法，也许不是最好的，但是比较实用。如下是具体的解决方案。
$currentSessionID=session_id();
session_id($currentSessionID);
简单示例代码：
(HTTP)
<?php
session_start();
$currentSessionID=session_id();
$_SESSION['username']='phpernote';
echo '<a href="https://www.phpernote.com/jquery.php?session="'.$curr...阅读全文
May112014
使jquery更加高效的方法
讨论 jQuery 和 javascript 性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的 jQuery 和 javascript 代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。
首先，在脑子里牢牢记住 jQuery 就是 javascript。这意味着我们应该采取相同的编码惯例，风格指南和最佳实践。
首先，如果你是一个 javascript 新手，我建议您阅读 《2...阅读全文
May092014
Apr262014
js滑动门效果
js滑动门效果，效果示例图如下：
具体代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js滑动门效果</title>
<style type="text/css">
*{margin:0 auto;padding:0;}
body{font:12px "宋体";text-align:center;}
a:link,a:visited{color:#999;text-decoration:none;}
a:hover{col...阅读全文
Apr182014
jquery排除选择元素的方法
jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明：
（1）选择所有的img元素，排除class=phpernote的元素的个数：
$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();
（2）获取id=phpernote下面所有没有class=com的li元素的个数
$('#phpernote li:not(.com)').size();//或者$('#phperno...阅读全文
Apr132014
js如何将返回的字符串转换为json格式的数据
使用js+php做ajax开发的过程中经常需要进行数据格式的转换。这个过程中经常使用的字符格式一般是json格式。在服务端使用php输出json格式的字符数据通常使用的是json_encode函数，在客户端接受数据后进行转换一般有两种方法。
（1）eval方法
var result=eval(""(+data+)"");
（2）JQuery.parseJSON方法（这个是jquery里面的方法）
var result=JQuery.parseJSON(data);//或者$.parseJSON...阅读全文
Apr032014
jquery判断checkbox是否选中
使用jquery判断一组checkbox是否选中，以及如何如何使用js提交checkbox选中的值。具体代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('inp...阅读全文
Mar312014
jquery设置按钮不可点击防止重复提交数据
web开发中少不了要做表单交互的东西，实际中存在这么一个bug，当你填完form表单完后，点击提交按钮，如果网站反映过慢，页面半天没跳转，就可以不停的点击提交按钮，导致数据不停的重复被提交，这个概率虽不大却不容忽视，下面作者就分享一下如何防止重复提交的办法。
简单来说在客户端做一下处理就可以了，即当用户点击完提交按钮后，如果一切数据通过验证并合格后，就可以提交数据同时将...阅读全文