-
.addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名查看全部
-
attr()有4个表达式 1.attr(传入属性名):获取属性的值 2.attr(属性名,属性值): 设置属性值 3.attr(属性名,函数值):设置属性的函数值 4.attr(attributes):给指定元素设置多个属性值,即:{属性名一:"属性值一",..} removeAttr()删除方法 .removeAttr(attributeName):为匹配的元素集合中的每个元素中移除一个属性(attribute)查看全部
-
元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
1 opacity=0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的 2 visibility=hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发该元素已经绑定的事件 3 display=none,把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉一样查看全部
-
$('div>p') 选择所有div元素里面的子元素p $('div p') 选择所有div元素里面的p元素 $('.prev+div')选择prev后面的第一个div兄弟节点 $('.prev~div')选择prev后面的所有div兄弟节点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下查看全部
-
+p 的意思是 同时再选择相邻元素 并设置颜色查看全部
-
$('div>p') 选择所有div元素里面的子元素p $('div p') 选择所有div元素里面的p元素 $('.prev+div')选择prev后面的第一个div兄弟节点 $('.prev~div')选择prev后面的所有div兄弟节点查看全部
-
jQuery的属性与样式之.css()与.addClass()设置样式的区别 1.可维护性 2.灵活性 3.样式值 4.样式的优先级 外部样式<内部样式<内联样式 通过.css方法设置的样式属性优先级要高于.addClass方法 总结: .addClass与.css方法各有利弊,一般静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则。 如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般考虑.css()方式查看全部
-
jQuery的属性与样式之样式操作.css() .css()方法:获取元素样式属性的计算值或者设置元素的css属性 获取: 1. .css(propertyName):获取匹配元素集合中的第一个元素的样式属性的计算值 2. .css(propertyNames):传递一组数组,返回一个对象结果 设置: 1. .css(propertyName,value):设置css 2. .css(propertyName,function):可以传入一个回调函数,返回取到对应的值进行处理 3. .css(properties): 可以传一个对象,同时设置多个样式查看全部
-
jQuery的属性与样式之切换样式.toggleClass() 注意事项: 1.toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 2.toggleClass会保留原有的Class名后新增,通过空格隔开查看全部
-
jQuery的属性与样式之删除样式.removeClass() .removeClass( )方法 1. .removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名 2. .removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名 注意事项 如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除 。 如果没有样式名作为参数,那么所有的样式类将被移除查看全部
-
jQuery的属性与样式之增加样式.addClass() .addClass(className)方法 1. .addClass(className):为每个匹配元素所要增加的一个或多个样式名 2. .addClass(function(index,currentClass)):这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项: .addClass()方法不会替换一个样式类名,它只是简单的添加一个样式类名到元素上。 通过空格分割查看全部
-
jquery的属性与样式之.val() .val()方法 1. .val()无参数,获取匹配的元素集合中的第一个元素的当前值 2. .val(value),设置匹配的元素集合中每个元素的值 3. .val(function) 一个用来返回设置值的函数 注意事项: 1.通过.val()处理select元素, 当没有选择项被选中,它返回null .val()方法多用来设置表单的字段的值 2.如果select元素有multiple(多选)属性,并且至少一个选择项被选中, .val()方法返回一个数组,这个数组包含每个选中选择项的值 .html(),.text()和.val()的差异总结: 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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
jQuery的属性与样式之html()及.text() .html()方法: 1.html()不传入值,就是获取集合中第一个匹配元素的HTML内容 2..html(htmlString)设置每一个匹配元素的html内容。 3..html(function(index,oldhtml)) 用来返回设置html内容的一个函数 注意事项: .html()方法内部使用的是DOM的innerHTML属性来处理的,所以在设置与获取上需要注意的一个最重要的问题,这个操作是针对整个HTML内容(不仅仅只是文本内容) 、 .text()方法: 1..text()得到匹配元素集合中每个元素的合并文本,包括他们的后代。 2..text(textString)用于设置匹配元素内容的文本 3..text(function(index,text))用来返回设置文本内容的一个函数 注意: .text()结果返回一个字符串,包含所有匹配元素的合并文本 .html与.text的异同: 1. .html与.text的方法操作是一样,只是针对的处理对象不同,前者处理元素内容,后者处理文本内容。查看全部
-
jquery的属性与样式之.attr()与.removeAttr(); jQuery中用attr()方法来获取和设置元素属性,attr是attribute的缩写,在jQuery DOM 操作中经常用到attr() attr()有4个表达式 1.attr(传入属性名):获取属性的值 2.attr(属性名,属性值): 设置属性值 3.attr(属性名,函数值):设置属性的函数值 4.attr(attributes):给指定元素设置多个属性值,即:{属性名一:"属性值一",..} removeAttr()删除方法 .removeAttr(attributeName):为匹配的元素集合中的每个元素中移除一个属性(attribute) 获取attribute就需要用attr,获取property就需要用prop查看全部
举报
0/150
提交
取消