-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。查看全部
-
.addClass()-集中修改,好维护 .css()-具体样式,很灵活 一般而言 .css设置出来的,属于内联,优先级高于.addClass设置的查看全部
-
.css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性 获取: .css( propertyName ) :获取匹配元素集合中的第一个元素的样式属性的计算值 //$('p:eq(1)').text( $('.first').css("font-size") ) .css( propertyNames ):传递一组数组,返回一个对象结果 //$('.first').css(['width','height']); 设置: .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 ] ):一个用来判断样式类添加还是移除的 布尔值查看全部
-
$('div') .addClass( function(index, currentClass) ) index 这个div是第几个 currntClass 当前的class查看全部
-
1).html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 2).html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 3).html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
attr(传入属性名):获取属性的值 $('input:eq(1)').attr('value') attr(属性名, 属性值):设置属性的值 //$('input:first').attr('value','.attr( attributeName, value )' attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }查看全部
-
$("#menu_con div.tag dd > p:first-child") $('#menu_con a:lt(4)') $('#menu_con a[name=setColor]') $('.tag a:nth-child(10)') $('#menu_female .tag a:last-child')查看全部
-
一般兄弟选择器:例如$("prev~siblings") ---匹配"prev"元素之后的所有的兄弟元素,前提是具有相同的父元素,并只匹配符合"siblings"的兄弟元素,即匹配过滤"siblings"选择器。查看全部
-
对应于javascript中的各类选择器,如: $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素查看全部
-
$('input:enabled') 可用的 $('input:disabled') 不可用的 $('input:checked').removeAttr('checked') checked选中的-取消选中(单选、复选) $('option:selected').removeAttr('selected') selected的,取消查看全部
-
$(':password') == $('[type=password]') $('input:password') $('input:checkbox').attr('checked','true');查看全部
-
属性筛选选择器,根据属性value,做不同的筛选。有些类似正则 $('div[name$=imooc]') $('div[name*="test"]') $('div[testattr!="true"]')查看全部
-
:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等 隐藏元素的方法: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
$(":contains(text)") 选择含有指定文本的元素//$(".class:contains('div')") --包含div这几个字母的 $(":has(selector)") 选择包含指定元素的元素//$(".class:has(div)") --包含div元素的 $(":parent") 选择含有子元素或者文本的父级元素 $(":empty") 选择所有没有子元素的元素 // $("a:empty") :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素查看全部
举报
0/150
提交
取消