文章分类 -  jQuery

3-3 :contains(text)过滤选择器 内容中为什么不用单引号或双引号貌似也可以? 但是规定是要的
摘要::contains(text)过滤选择器 与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字 阅读全文

posted @ 2016-07-12 02:01 雪的心 阅读(355) 评论(0) 推荐(0)

3-2 :eq(index)过滤选择器
摘要::eq(index)过滤选择器 如果想从一组标签元素数组中,灵活选择任意的一个标签元素,我们可以使用 :eq(index) 其中参数index表示索引号(即:一个整数),它从0开始,如果index的值为3,表示选择的是第4个元素。例如: 在浏览器中显示的效果: 从图中可以看出,通过调用$("li:e 阅读全文

posted @ 2016-07-12 01:58 雪的心 阅读(190) 评论(0) 推荐(0)

3-1 :first过滤选择器 第三章 过滤性选择器
摘要:本章我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。 在jQuery中,如果想得到一组相同标签元素中的第1个元素该怎样做呢? 在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 注意:书写时以“:” 阅读全文

posted @ 2016-07-12 01:56 雪的心 阅读(108) 评论(0) 推荐(0)

2-9 prev ~ siblings选择器 获取prev 元素后面全部相邻的元素 但是是指定名称 相邻的 一定要相邻
摘要:prev ~ siblings选择器 与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $(“prev ~ siblings” 阅读全文

posted @ 2016-07-12 00:58 雪的心 阅读(121) 评论(0) 推荐(0)

2-9 prev + next选择器 “远亲不如近邻” 返回且只返回唯一-个元素。 而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素
摘要:prev + next选择器 俗话说“远亲不如近邻”,而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次 阅读全文

posted @ 2016-07-12 00:53 雪的心 阅读(123) 评论(0) 推荐(0)

2-7 parent > child选择器 $("div>") 这表示选择div下面所有的子标签,不管是什么名称
摘要:parent > child选择器 与上一节介绍的ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,(即使孙辈有同名的标签也不会选),它的调用格式如下: $(“parent > child”) child参 阅读全文

posted @ 2016-07-12 00:50 雪的心 阅读(627) 评论(0) 推荐(0)

2-6 ance desc选择器 选择的父标签下 包含的所有子标签 其实就是一定范围内的相同标签
摘要:ance desc选择器 本节开始,我们将介绍层次性选择器。 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格 阅读全文

posted @ 2016-07-12 00:45 雪的心 阅读(275) 评论(0) 推荐(0)

2-5 sele1,sele2,seleN选择器
摘要:sele1,sele2,seleN选择器 有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下: $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选 阅读全文

posted @ 2016-07-12 00:38 雪的心 阅读(162) 评论(0) 推荐(0)

* 选择器(取走全部铅笔)
摘要:* 选择器(取走全部铅笔) 有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括<head>、<body>、<script>这些元素,相当于可以取走你文具盒中的所有铅笔,格式为: $(“*”) 选择器中的参数就一个“*”,既没有“#”号,也没有“.”号。 由于该 阅读全文

posted @ 2016-07-12 00:35 雪的心 阅读(138) 评论(0) 推荐(0)

.class 选择器(寻找红色铅笔)
摘要:.class 选择器(寻找红色铅笔) 我们在上一小节介绍了通过使用元素名称(那么也就是说元素名称就是标签头)查询元素的方法,其实,还可以通过元素的类别属性查找元素,就好比在文具盒中要找一个“红色”铅笔一样,根据元素的某个特征进行查找,它的调用格式如下: $(“.class”) 其中.class参数表 阅读全文

posted @ 2016-07-12 00:34 雪的心 阅读(108) 评论(0) 推荐(0)

element 选择器(寻找铅笔) $("button").attr("disabled","true"); <!--$("#btntest") 相当于 $("button")-->
摘要:在文具盒中,有铅笔、钢笔和水彩笔,类似于页面中的<div>、<span>各个元素,虽然同属于一个容器,但有各自的功能,jQuery中可以根据元素名查找元素,格式如下: $(“element”) 其中element就是元素的名称,也就是工具盒中的笔的名称,找到水彩笔,我们就可画画了,通过元素名找到元素 阅读全文

posted @ 2016-07-12 00:27 雪的心 阅读(441) 评论(0) 推荐(0)

jQuery中 是小括号 不是大括号 $("#default").html($("#divtest").html()); 错了一次
摘要:$("#default").html($("#divtest").html()); 阅读全文

posted @ 2016-07-12 00:11 雪的心 阅读(191) 评论(0) 推荐(0)

#id 选择器(使用身份证号来找人)
摘要:#id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器: $("#my_id") 其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。 例如: 在浏览器中显示的效果: 阅读全文

posted @ 2016-07-11 23:59 雪的心 阅读(261) 评论(0) 推荐(0)

因为jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库!
摘要:如果你了解JavaScript语言,那将对你掌握jQuery如虎添翼,因为jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库!例如,我们想改变页面中所有段落标签中的文本内容: javaScript代码: jQuery代码: 以上两段代码完 阅读全文

posted @ 2016-07-11 23:54 雪的心 阅读(139) 评论(0) 推荐(0)

jQuery与OGNL的关系
摘要:因为jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库! OGNL 是 Object Graph Navigation Language的缩写. 它是一种表达式和绑定语言,用于存取Java对象的属性值. 对属性值的读或者写操作通常使用相同 阅读全文

posted @ 2016-07-11 23:49 雪的心 阅读(136) 评论(0) 推荐(0)

jQuery环境搭建
摘要:搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版。 下载完jQuer 阅读全文

posted @ 2016-07-11 23:42 雪的心 阅读(955) 评论(0) 推荐(0)

.attr()与.removeAttr()
摘要:.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。 操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAtt 阅读全文

posted @ 2016-07-11 14:42 雪的心 阅读(1213) 评论(0) 推荐(0)

基本筛选选择器
摘要:很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个 阅读全文

posted @ 2016-07-11 03:03 雪的心 阅读(85) 评论(0) 推荐(0)

层级选择器
摘要:文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙的关系了。 选择器中的层级选择器就是用来处理这种关系 子元素 后代元素 兄弟元素 相邻元素 通过一个列表,对比层级选择器的区别 仔细 阅读全文

posted @ 2016-07-11 02:48 雪的心 阅读(220) 评论(0) 推荐(0)

全选择器(*选择器)
摘要:在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述: $( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.g 阅读全文

posted @ 2016-07-11 02:40 雪的心 阅读(315) 评论(0) 推荐(0)

导航