jQuery id模糊 选择器 批量处理

$("span[id^=‘province_‘]").each(function(index,obj){
        $(obj).bind("click",function(){
             var id=    $(obj).attr("id");
              var provinceId=id.substr("province_".length);
              $("#cityDivs_"+provinceId).toggle();
         });
    });

//选中省份时,自动选中省份下所有城市;取消省份,自动取消省份下所有城市
     $("input:checkbox[name=‘provinces‘]").each(function(index,obj){
         $(obj).bind("click",function(){
             var provinceId= $(obj).val();
             if(provinceId==0){//全国
                 $("input:checkbox[name=‘provinces‘]").prop("checked",$(obj).is(‘:checked‘));
                 $("input:checkbox[name^=‘citys_‘]").prop("checked",$(obj).is(‘:checked‘));
                 $("span[id^=‘province_‘]").attr("style",$(obj).is(‘:checked‘)?"color:#4cae4c;font-weight: bold;":"");
             }else{
                 var citys=$("input:checkbox[name=‘citys_"+provinceId+"‘]");
                 if($(obj).is(‘:checked‘)){
                     $("#province_"+provinceId).attr("style","color:#4cae4c;font-weight: bold;");//RGB:Green
                 }else{
                      $("#province_"+provinceId).attr("style","");
                 }
                   citys.prop("checked",$(obj).is(‘:checked‘));
            }
         });

});

时间: 2024-10-07 07:42:45

jQuery id模糊 选择器 批量处理的相关文章

jQuery系列 第四章 jQuery框架的选择器

第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确的选 择,而且不必担心浏览器的兼容性,写法更加简洁. jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 优点:相对于直接使用 JavaScript 获取页面元素和处理业务逻辑相比,使用jQuery 选择器来进行操作代码更简单且拥有

jQuery中的选择器

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "-//W3C//DTD

jQuery基础知识--选择器与效果

$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素 文档就绪函数 $(document).ready(function() {     ---------jQuery function go here----

非常easy学习的JQuery库 : (二) 选择器

作用 选择器同意您对元素组或单个元素进行操作. 在前面的章节中,我们介绍了一些有关怎样选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是怎样准确地选取您希望应用效果的元素. jQuery 元素选择器和属性选择器同意您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器同意您对 HTML 元素组或单个元素进行操作. 在 HTML DOM 术语中: 选择器同意您对 DOM 元素组或单个 DOM 节点进行操作. 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元

HTML5移动开发之路(34)——jQuery中的选择器

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(34)--jQuery中的选择器 一.jQuery是什么? jQuery是由美国人John Resig创建,至今吸引了来自世界各地的众多JavaScript高手加入其中. jQuery的创始人和技术领袖,目前在Mozilla担任JavaScript工具开发工程师.著有<Pro JavaScript Techniques>(即<精通JavaScript>)等经典JavaScript书籍. jQu

[ jquery 属性 .selector ] 此选择器返回传给jQuery()的原始选择器

返回传给jQuery()的原始选择器:换句话说,就是返回你用什么选择器来找到这个元素的.可以与context一起使用,用于精确检测选择器查询情况.这两个属性对插件开发人员很有用 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my pag

很容易学习的JQuery库 : (二) 选择器

一.作用 选择器允许您对元素组或单个元素进行操作. 在前面的章节中,我们介绍了一些有关如何选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素. jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器允许您对 HTML 元素组或单个元素进行操作. 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作. 二.元素选择器 jQuery 使用 CSS 选择器来选取 HT

jQuery中的选择器深入浅出

随着JavaScript的不断发展,各种各样的为了方便给jQuery变成的库应运而 生,Prototype,YUI,Extjs,bindows,JSVM(国内的),而目前较为流行的是jQuery ,这是一个轻量级的JavaScript库,它的诸多的优点:开源,兼容各种浏览器,继承css ,html,javascript,ajax等,据统计,目前世界上前10000个访问量最高的网站中,有 超过60%都使用的是jQuery,不得不说,在现在的前端界,如果你说你不会jQuery, 那么估计很多人就会对

Jquery简介之选择器

前言 Jquery是一种js框架(程序代码的一种有机结合)是程序开发过程中的一种半成品:类似的框架有EXTJS. 依赖库:jquery-XXX.js 语法:$() 正文 5种基本的选择器 id选择器 $("#id值") 例子:$(#span1).css("color","red"); 标签选择器 $("标签名称") Class选择器 $(".class的值") 群组选择器 $("标签名称1,标签名