有了Jquery的选择器,吃饭饭饭香,身体倍棒…… 1.基本 我们知道jquery最常用的就是选择器了,我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器,这里我们想一下css样式的写法 css样式也有几种情况:1.类样式 2.id样式 3.标签样式, 如果有一个aa的类 ,那么我们定义aa的样式就要写成 .aa{} 如果有一个bb的id,那么我们定义bb的样式就要写成 #bb{} 如果有标签,那么我们定义的样式就写成 d...
在jQuery出世以来,它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架,它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果,轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点,它已经被微软官方认可加入VS IDE中拥有强大的智能提示,并据官方的统计现在至少有20%的国际性大网站已...
contains选择符 contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格,设置这些单元格的样式类型添加“highlight”类。 下面的代码,运行后,需要刷新下,以便加载jquery$(document).ready(function(){ $("div:contains('John')").css("text-decoration", "underline"); }); John Resig George Martin Malcom John Sinclair J. Oh...
//jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符 就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有元素标签 // $("a") // 表示所有元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // $("#rating"); // 表示id=rating的元素 // $("#orderedlist > li"); // 表示id=orderedlist 所有子元...
比如下面html代码 代码如下: li-1 li-2 li-2 li-1 li-2 li-2 第一种根据属性选择E[@attr] $("[@title]").click().......... 即选择所有元素内 属性带有title的元素 即 li-1 li-2 li-1 li-2 $("div[@title]").click().......... 选择所有div标签下的所有带title的元素 即 li-1 li-2 第二种根据属性值选择E[@attr=val] $("div[@title=ttt]").click()................ 选择div下所有title属性等于ttt的元素 即 li-1 如果是 $("[@t...
根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: AAA BBB CCC 根据标签选择, 如: $("span") 代码如下: AAA BBB CCC 根据样式的类名选择, 如: $(".class1") 代码如下: AAA BBB CCC 选择所有对象是: $("*") 可混合使用, 如(): span1 button1button2 label1label2 span2 //修改选择对象的 color 样式为 red $("#btn2, .class1, span").css("color", "red"); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行...
最近在工作中需要用到地址选择器,像下面这样的,本想在网上找一个,可是没找到,于是自己写了个jquery插件。直接上代码吧:var provinces = {"A": {"安徽":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"]},"B": {"北京": ["北京市"]},"C": {"重庆":["重庆市"]},"F": {"福建":["福州市","厦门市","莆田市","三明...
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。 目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。 querySelector 和 querySelectorAll 在规范中定义了如下接口:module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); No...
内容过滤器的过滤规则主要是包含的子元素或文本内容上。$('div:contains("xxx")').css('background', '#ccc'); //选择元素文本节点含有xxx 文本的元素 $('div:empty').css('background', '#ccc'); //选择空元素 $('ul:has(.red)').css('background', '#ccc'); //选择子元素含有class 是red 的元素 $(':parent').css('background', '#ccc'); //选择非空元素 jQuery 提供了一个has()方法来提高:has 过滤器的性能:$('ul').has('.red'...
子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。$('li:first-child').css('background', '#ccc'); //每个父元素第一个li 元素 $('li:last-child').css('background', '#ccc'); //每个父元素最后一个li 元素 $('li:only-child').css('background', '#ccc'); //每个父元素只有一个li 元素 $('li:nth-child(odd)').css('background', '#ccc'); //每个父元素奇数li 元素 $('li:nth-child(even)').css('background...
可见性过滤器 可见性过滤器根据元素的可见性和不可见性来选择相应的元素。 过滤器名jQuery 语法说明返回:hidden $(:hidden) 选取所有不可见元素集合元素:visible $(:visible) 选取所有可见元素集合元素$('p:hidden).size(); //元素p 隐藏的元素 $('p:visible').size(); //元素p 显示的元素 注意::hidden 过滤器一般是包含的内容为:CSS 样式为display:none、input 表单类型为type="hidden"和visibility:hidden 的元素。 示例 jQue...
我们经常会应用到日期和时间选择器,之前我们使用最多的是jQuery UI的datepicker(),那么今天我给大家介绍一款非常有趣的日期和时间选择器,它分为日期选择器datedropper以及时间选择器timedropper,他们俩尤其适合在移动端上应用。 在线演示 源码下载 日期选择器datedropper 使用非常简单,分三步,1、引入相关js和css文件。注意datedropper和timedropper都是基于jQuery的插件,所以也要引入jQuery库文件。2、布置body中的...
本文实例讲述了JS实现简单面向对象的颜色选择器。分享给大家供大家参考,具体如下:Untitled Document';// html+= '当前颜色';for(i=0;i";for(j=0;j ';count++;}html+= "";}html+= '';this.trigger = document.getElementById(idStr);this.div = document.createElement('div');this.div.innerHTML = html;var tds = this.div.getElementsByTagName('td');for(var i=0,l=tds.length;i颜色选择对于JS颜色工具感兴趣的朋友可参看本站...
通过网上咨询使用这个选择器便很容易的解决。特此记录一下。 下面是主要的代码 js脚本: 代码如下: $(document).ready( function () { //每隔五行给li加一个样式 $('.article_li li:nth-child(5n)').addClass('liborder'); $('.article_li li:last').addClass('liborder'); } ); html代码: 代码如下: 2010-06-12 08:37:59 物业税:长沙暂不试点物业税:长沙暂不试点 2010-06-12 08:37:59 物业税:长沙暂不试点 201...
效果如图所示:下面是获取系统自带的颜色选择器的代码:function $(obj) { return document.getElementById(obj); } function pickColor() { if (!window.isIE) return; var sColor = $('dlgHelper').ChooseColorDlg(); var color = sColor.toString(16); while (color.length [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]优点是:代码比较少缺点是:只能IE下使用。