jquery判断checkbox是否选中

/* 所有的checkbox为选中 */
$("input[type='checkbox']").attr("checked", true);
 
 
/* 所有的checkbox不选中 */
$("input[type='checkbox']").attr("checked", false);
$("input[type='checkbox']").removeAttr("checked");
 
/* 判断checkbox是否为选中 */
var cboxObj = $("input[type='checkbox']"); // checkbox的对象
if (cboxObj.is(":checked")) { 
// 这里为选中状态
} else {
// 这里为没选中状态
}

继续阅读

jCarouselLite改进版本,鼠标悬浮暂停转动

jCarouselLite插件挺不错的,
但有一个问题,假如设置了自动转动,就算鼠标悬浮的时候,
还是会自动转动,这样不大符合习惯。

因此决定修改了一下

下面是修改过文件jCarouselLite修改版本

下面是修改部分(如下图),增加onMouse参数来控制是否开启

下面是完整例子

继续阅读

JS字符串转数字及JQuery遍历对象

这篇文章主要讲两个知识点

JS字符串转数字
假如:

<input type="text" name="aa" value="2" />

那你获取到这个文本框的值是一个字符串,而不是一个数据
不能进行加运算,两值相加会变成22字符串,而不是整数4

所以要对字符串进行强制类型转换,这里用到了两个方法:parseInt(), parseFloat()

var a = “2”;
parseInt(a); /* 这里就变成整数2了 */

JQuery遍历对象
在JQuery获取到对象后,如$(“.aclass”) ,里面为aclass的类的对象很多,
要遍历里面的对象的话,一般会用到:each()

$(“.aclass”).each(function(){

});

继续阅读

JQuery获取this当前对象子元素对象

<div>
	<span>span test</span>
	<a href=""></a>
	<img src="test.jpg" />
</div>

假如你已经获取到div为当前的this对象,怎么去获取span, a, img等子元素呢?
其实很简单:

$(this).children("span")
$(this).children("a")
$(this).children("img")

刚开始接触的同学可能会这样写 $(this “a “)之类,这样语法会报错

继续阅读

JQuery的AJax简单应用例子

最近在研究JQuery,看到其中的AJax的应用很简单,
所以就写一个简单的例子来记录一下
其中用到三个文件:test.php, jquery.js, test.html

jquery可以到在JQuery的官方网站中下载

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
function aa() {
	$.get("test.php", { name: "chenjinle", sex: "Male" }, 
        function(data) { 
                $("#aa").html(data);
        });
}
</script>
 
<input type="button" value="Click me!" onClick="aa()" />
<div id="aa"></div>

继续阅读