Jquery的常用使用方法

1、获取单个checkbox选中项(三种写法)
$("input:checkbox:checked").val()
或者
$("input:[type=‘checkbox‘]:checked").val();
或者
$("input:[name=‘ck‘]:checked").val();

2、 获取多个checkbox选中项
$(‘input:checkbox‘).each(function() {
        if ($(this).attr(‘checked‘) ==true) {
                alert($(this).val());
        }
});

3、设置第一个checkbox 为选中值
$(‘input:checkbox:first‘).attr("checked",‘checked‘);
或者
$(‘input:checkbox‘).eq(0).attr("checked",‘true‘);

4、设置最后一个checkbox为选中值
$(‘input:radio:last‘).attr(‘checked‘, ‘checked‘);
或者
$(‘input:radio:last‘).attr(‘checked‘, ‘true‘);

5、根据索引值设置任意一个checkbox为选中值
$(‘input:checkbox).eq(索引值).attr(‘checked‘, ‘true‘);索引值=0,1,2....
或者
$(‘input:radio‘).slice(1,2).attr(‘checked‘, ‘true‘);

6、选中多个checkbox同时选中第1个和第2个的checkbox
$(‘input:radio‘).slice(0,2).attr(‘checked‘,‘true‘);

7、根据Value值设置checkbox为选中值
$("input:checkbox[value=‘1‘]").attr(‘checked‘,‘true‘);

8、删除Value=1的checkbox
$("input:checkbox[value=‘1‘]").remove();

9、删除第几个checkbox
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$("input:checkbox").eq(2).remove();

10、遍历checkbox
$(‘input:checkbox‘).each(function (index, domEle) {
//写入代码
});

11、全部选中
$(‘input:checkbox‘).each(function() {
        $(this).attr(‘checked‘, true);
});

12、全部取消选择
$(‘input:checkbox‘).each(function () {
        $(this).attr(‘checked‘,false);
});

Jquery的常用使用方法,布布扣,bubuko.com

时间: 2024-08-14 19:53:20

Jquery的常用使用方法的相关文章

jQuery一些常用特效方法使用实例

1. jQuery fadeIn() 用于淡入已隐藏的元素. 语法: $(selector).fadeIn(speed,callback); 实例: $("button").click(function(){  $("#div1").fadeIn();  $("#div2").fadeIn("slow");  $("#div3").fadeIn(3000);}); 2. jQuery fadeOut() 方

jquery的常用核心方法

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <link rel="stylesheet" type="text/css" href="./css/a1.css"> <script src

jQuery一些常用的方法

1 val() ;//获取value属性的值 2 eq(index);//按照索引选择元素 3 css('样式名称',[样式值]) ;//设置css样式 4 end(); //返回前一个jQuery对象,常用语链式操作

jQuery常用工具方法

前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法,即jQuery.method(),所以可以直接使用.而那些操作元素的方法,是定义在构造函数的prototype对象上的方法,即jQuery.prototype.method(),所以必须生成实例(即选中元素)后使用.把工具方法理解成像javascript原生函数那样可以直接使用的方法就行了.下面将

jQuery中一些不常用的方法属性【转载】

index(subject) 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值.如果找到了匹配的元素,从0开始返回:如果没有找到匹配的元素,返回-1. data() data(elem):为页面对象添加唯一标识. data(name, value):将数据保存在元素的一个key里面.$("#box").data("shape","rectangle"). data(name):获取值.$("#box").data(&qu

jQuery常用的方法和标签总结01(有代码示例)

//jQuery的优点 :         1 轻量级        2 强大的选择器        3 出色的DOM操作的封装        4 可靠的事件处理机制        5 完善的Ajax        6 不污染顶级变量        7 出色的浏览器兼容性        8 链式操作方式        9 隐式迭代        10 行为曾与结构层的分离        11 丰富的插件支持        12 完善的文档        13 开源 <script src="

jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?

1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML.在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本.随后服务器端返回的数据会根据这个值解析后,传递给回调 函数.可用值: •"xml": 返回

jquery 常用的方法

.find('classname')//在里面找类名为——的元素 .eq(i)//元素的第i个 .parent()//父元素 .child()//子元素 $.each(element,function(i,val){});//遍历元素中的每个并且添加操作 .removeClass('className')/.addClass('className')/ .hasClass('className') : bool 判断是否有某个类 element.css({//修改样式 'background-c

js与jquery常用数组方法总结

转载:http://www.cnblogs.com/codetker/p/4676899.html 昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害己,于是我又回答不知道.结果果然...我记错了0.0 还是自己总结测试一下比较靠谱,印象也比较深刻.欢迎大家提出相关意见或建议,提前谢谢哈~ 一.原生js方法 1.遍历数组 in(同时也是对象遍历属性