-
:contains()选择器中括号内的文字,可为纯文本,或用引号包围 :has()选择元素其中至少包含指定选择器匹配的一个种元素,匹配的是元素 :input 选择所有 input, textarea, select 和 button 元素. :text 选择所有类型为text的input元素查看全部
-
表单对象属性筛选选择器: $('input:enabled') 可用的 $('input:disabled') 不可用的 $('input:checked').removeAttr('checked') checked选中的-取消选中(单选、复选) $('option:selected').removeAttr('selected') selected的,取消(下拉菜单) 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
表单元素选择器: $(":input") 选择所有input,textarea,select和button元素 $(":text") 匹配所有文本框 $(":password") 匹配所有密码 $(":radio") 匹配所有单选按钮 $(":checkbox") 匹配所有复选框 $(":submit") 匹配所有提交按钮 $(":image") 匹配所有图像域 $(":reset") 匹配所有重置按钮 $(":button") 匹配所有按钮 $(":file") 匹配所有文件域 注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
元素筛选选择器 $(":fist-chill")选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级下的最后一个子元素 $(":only-child") 如果某个元素是其父元素的唯一子元素,那么它就会被选中 $(":nth-child") 所有父级下第n个子元素(n从1开始) $(":nth-last-child")所有父级下倒数第n个子元素(n从1开始) 注意事项: :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
属性筛选选择器 $("[attribute|='value']") 选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-”)的元素 $("[attribute*='value']") 选择指定属性具有包含一个给定的字符串的元素(选择给定的属性是以包含某些值的元素) $("[attribute~='value']") 选择指定属性用空格分隔的值中包含一个给定值的元素 $("[attribute='value']") 选择指定属性是给定值的元素 $("[attribute!='value']") 选择不存在指定属性,或者指定的属性值不等于给定值的元素 $("[attribute^='value']") 选择指定属性是以给定字符串开始的元素 $("[attribute$='value']") 选择指定属性是以给定字符串结尾的元素,这个比较是区分大小写的 $("[attribute]") 选择所有具有指定属性的元素,该属性可以是任何值 $("[attributeFilter1][attributeFilterN]") 选择匹配所有指定的属性筛选器的元素查看全部
-
学编程,遇到一些简称的代码,去查清楚全称,记忆会更牢固,就比如eq全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 这句话什么意思? $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素;你把这个选择拆开看就好懂了,比如既可以看看$("input")是什么效果,然后是$("input:not(:checked)")是什么效果,最后是$("input:not(:checked)+p")是什么效果,一对比你就比较清楚了。查看全部
-
见性筛选选择器: $(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式查看全部
-
jQuery.html();函数,用途相当于获取或设置DOM对象的innerHTML属性查看全部
-
内容筛选选择器: $(":contains(text)") 选择所有包含指定文字的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素的元素(包含文本节点) $(":has(selector)") 选择元素中至少包含指定选择器的元素 注意事项: 1.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3.:parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
jQuery提供的存储接口 jQuery.data( element, key, value ) //静态接口,存数据 jQuery.data( element, key ) //静态接口,取数据 .data( key, value ) //实例接口,存数据 .data( key ) //实例接口,存数据 2个方法在使用上存取都是通一个接口,传递元素,键值数据。在jQuery的官方文档中,建议用.data()方法来代替。 我们把DOM可以看作一个对象,那么我们往对象上是可以存在基本类型,引用类型的数据的,但是这里会引发一个问题,可能会存在循环引用的内存泄漏风险 通过jQuery提供的数据接口,就很好的处理了这个问题了,我们不需要关心它底层是如何实现,只需要按照对应的data方法使用就行了 同样的也提供2个对应的删除接口,使用上与data方法其实是一致的,只不过是一个是增加一个是删除罢了 jQuery.removeData( element [, name ] ) .removeData( [name ] )查看全部
-
.css()与.addClass()的区别 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式 通过.addClass()我们可以批量的给相同的元素设置统一规则,变动起来比较方便,可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改,日后维护也要一一的修改,比较麻烦 灵活性: 通过.css()方式可以很容易动态的去改变一个样式的属性,不需要在去繁琐的定义个class类的规则。一般来说在不确定开始布局规则,通过动态生成的HTML代码结构中,都是通过.css()方法处理的 样式值: .addClass()本质只是针对class的类的增加删除,不能获取到指定样式的属性的值,.css()可以获取到指定的样式值。 样式的优先级: css的样式是有优先级的,当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候,优先级如下 外部样式 < 内部样式 < 内联样式 > .addClass()方法是通过增加class名的方式,那么这个样式是在外部文件或者内部样式中先定义好的,等到需要的时候在附加到元素上 > 通过.css()方法处理的是内联样式,直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结: .addClass与.css方法各有利弊,一般是静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则 如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般多考虑.css()方式查看全部
-
.css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性 获取: > .css( propertyName ) :获取匹配元素集合中的第一个元素的样式属性的计算值 > .css( propertyNames ):传递一组数组,返回一个对象结果 设置: > .css(propertyName, value ):设置CSS > .css( propertyName, function ):可以传入一个回调函数,返回取到对应的值进行处理 > .css( properties ):可以传一个对象,同时设置多个样式 注意事项: > 浏览器属性获取方式不同,在获取某些值的时候都jQuery采用统一的处理,比如颜色采用RBG,尺寸采用px > .css()方法支持驼峰写法与大小写混搭的写法,内部做了容错的处理 > 当一个数只被作为值(value)的时候, jQuery会将其转换为一个字符串,并添在字符串的结尾处添加px,例如 .css("width",50}) 与 .css("width","50px"})一样查看全部
-
.toggleClass( )方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类 > .toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名 > .toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除 > .toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值 > .toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 注意事项: > toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 > toggleClass会保留原有的Class名后新增,通过空格隔开查看全部
-
Jquery的把文字内容框起来的双引号只能用英文字符。查看全部
举报
0/150
提交
取消