-
.assClass():增加样式 1.addClass(className):为每个匹配的元素增加一个或多个样式名 2.addClass(function(index,currentClass)):这个函数返回一个或更多用空格隔开的要增加的样式名查看全部
-
.html() .text() .val()的区别: .html()和.text()不能用于表单元素上 .val()只用用于表单元素上 .html()和.val()应用在多个元素上时,只能读取第一个元素 .text()应用于多个元素时,将会读取所有选中元素的文本内容查看全部
-
.val():用于处理表单元素的值 1.val()无参数,获取匹配的元素集合中第一个元素的当前值 2.val(value),设置匹配的元素集合中每个元素的值 3.val(function),一个用来返回设置值得函数查看全部
-
.html()方法:获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的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()结果返回一个字符串,包含所匹配元素的合并文本查看全部
-
.attr()与.removeAttr(): attr()有4个表达式: 1.attr(传入属性名):获取属性的值 2.attr(属性名,属性值):设置属性的值 3.attr(属性名,函数值):设置属性的函数值 4.attr(attributes):给指定的元素设置多个属性值,即:{属性名一:‘属性值一’,...} removeAttr(attributeName):为匹配的元素集合中的每个元素中移出一个属性(attribute); Attribute和property的区别: Attribute是dom节点自带的属性 例如:id class title align等 Property是这个DOM元素作为对象其附加的内容 例如:tagName nodeName nodeType defaultChecked和defaultSelected使用.prop()方法进行取值和赋值。查看全部
-
this选择器: $('p').click(function(){ //把p元素转换成jQuery对象 var $this = $(this); $this.css('color','red'); }) 通过把$()方法传人当前的元素对象的引用this,把这个this加工成jQuery对象,我们可以用jQuery提供的快捷键方法直接处理样式 this,表示当前的上下文对象时一个html对象,可以调用html对象所拥有的属性和方法。 $(this)代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性。查看全部
-
表单对象属性筛选选择器: :enabled 选取可用的表单元素 :disabled 选取不可用的表单元素 :checked 选取被选中的input元素 :selected 选取被选中的option元素查看全部
-
表单元素选择器: :input 选择所有input textarea select button元素 :text 匹配所有文本框 :password 匹配所有密码框 :radio 匹配所有单选按钮 :checkbox 匹配所有复选框 :submit 匹配所有提交按钮 :image 匹配所有图像域 :reset 匹配所有重置按钮 :button 匹配所有按钮 :file 匹配所有文件域查看全部
-
注意事项: 1.:fitst只匹配一个单独的元素,fitst-child选择器可以匹配多个:即每个父元素匹配第一个子元素。相当于:nth-child(1) 2.:last只匹配一个单独的元素,:last-child选择器可以匹配多个元素,即每个父级元素匹配最后一个子元素。 3.如果元素只有一个,:first-child和:last-child匹配同一个元素 4.:only-child匹配某个元素是父级元素唯一的子元素,则匹配。 5.:nth-child(n) n值从1开始 eq(index)从0开始 6.:nth-child(n)和nth-last-child(n)的区别是前者是从前往后计算,后者是从后往前计算查看全部
-
子元素筛选器: $(":first-child") 选择所有父级元素的第一个子元素。 $(":last-child") 选择所有父级元素的最后一个子元素。 $(":only-child") 如果某个元素时其父元素的唯一子元素,那么它将被选中。 $(":nth-child") 选择它的他们所有父元素的第n个子元素。 $(":nth-last-child") 选择他们父元素的第n个子元素,计数从最后一个元素开始查看全部
-
注意空格查看全部
-
属性筛选选择器: [att=val] 选择指定属性是给定值的元素 例子: 查找所有div中,属性name=p1的div元素 $("div[name=p1]").css(); [att] 选择所有具有指定属性的元素,该属性可以使任何值 例子: 查找所有div中,有属性p2的div元素 $('div[p2]').css(); [att|=val] 选择指定属性等于给定字符串或以该字符串为前缀的元素 例子: 查找所有div中,有属性name中的值只包含一个连字符'-'的div元素 $('div[name|="-"]').css(); [att~=val] 选择指定属性用空格分隔的值中包含一个给定值得元素 例子: 查找所有div中,有属性name中的值包含一个连字符"空"的div元素 $('div[name~="a"]').css();查看全部
-
隐藏元素的方法: 1.CSS display的值是none 2.type="hidden"的表单元素 3.宽度和高度都显示设置为0 4.一个祖先显示是隐藏的,该元素是不会再页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的值是0查看全部
-
可见性筛选器: $(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素查看全部
-
内容筛选选择器: $(":contains(text)") 选择所有包含指定文本的元素。 $(":parent") 选择所有含有子元素或者文本的父级元素。 $(":empty") 选择所有没有子元素的元素(包括文本节点)。 $(":has(selector)") 选择元素其中至少包含指定选择器匹配的一种元素。查看全部
举报
0/150
提交
取消