-
$('p:first').text( $(".first-div").html() ) 注意括号不要弄混了 该代码是把第一个段落元素的文本内容变成后面的HTML内容 (包括标签和文本) $('p:last').text( $(".first-div").text() ) 把最后一个段落元素的文本内容变成后面的文本内容 即第一种去掉标签查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
隐藏元素的多种方法: 1.CSS display设置值为none 2.type=“hidden”的表单元素 3.宽度高度均为0 4.一个祖先元素是隐藏的,该元素不会在页面上显示 5.CSS visibility的值为hidden 6.CSS opacity的值为0查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
id是唯一的。当多个元素分配同一id时,id选择器只会选择集合中的第一个DOM元素。查看全部
-
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div ~ p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
.html() 不传入值,就是获取集合中第一个匹配元素的HTML内容 获取的是第一个 .html( htmlString ) 设置每一个匹配元素的html内容 设置所以 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 .html()是整个html文档结构 同样.text()是文本内容的合集 .html()方法内部使用的是DOM的innerHTML属性来处理的,所以在设置与获取上需要注意的一个最重要的问题, 针对整个HTML内容(不仅仅只是文本内容 .text() 得到匹配元素集合中每个元素的合并文本,包括他们的后代 自身的文本和自带的文本都匹配 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 .text()结果返回一个字符串,包含所有匹配元素的合并文本 .html与.text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器查看全部
-
attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)查看全部
-
综合运用 1. $(".tag a:nth-child(10)") 执行时先找到a的父元素,再找到父元素的第10个子元素.:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 所以此题中先找到dd 然后第九个a是第十个子元素 所以写10 nth-child(index)指每个父级下的第几个元素,可以选取多个元素,从1开始计数. 找的是子元素 2. eq(index)指第几个元素,全文只有一个,从0开始计数. 找的是前面写的元素 匹配元素中的索引值 相当于数组使用 3. div:first 选择器选取第1个div元素;div:eq(1) 选取第2个DIV元素查看全部
-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值 p.addEventListener('click',function(){ //this === p //以下两者的修改都是等价的 this.style.color = "red"; p.style.color = "red"; },false); DOM中this就是指向了这个html元素对象,因为this就是DOM元素本身的一个引用查看全部
-
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点查看全部
-
表单对象属性筛选选择器: 注意前面都要写作用对象 某某的... $(":enabled") 选取可用的表单元素 如//查找所有input所有可用的(未被禁用的元素)input元素。 $("input:enabled").css("border", "2px groove red"); $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的 <input> 元素 $(":selected") 选取被选中的 <option> 元素 注意: :checked选择器适用于复选框和单选框,:selected 选择器用于下拉框元素查看全部
-
$(":input")选择所有input, textarea, select 和 button 元素 //:input 选择器基本上选择所有表单控件 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。 比如 $(':password') == $('[type=password]') $("input:text")匹配所有input元素中的文本框 //后面都是input元素中的 $("input:password")匹配所有密码档 $("input:radio")匹配所有单选按钮 $("input:checkbox")匹配所有复选框 $("input:submit")匹配所有提交按钮 $("input:image")匹配所有图像域 $("input:reset")匹配所有重置按钮 $("input:button")匹配所有按钮 $("input:file")匹配所有文件域查看全部
-
1、$(".first-div a:first-child") 查找class="first-div"下的第一个a元素,针对所有父级下的第一个 2、$(".first-div a:last-child") 查找class="first-div"下的最后一个a元素,针对所有父级下的最后一个如果只有一个元素的话,last也是第一个元素 3、$(".first-div a:only-child") 查找class="first-div"下的只有一个子元素的a元素 也就是这个唯一子元素就是a 某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配这个元素 4、$(".last-div a:nth-child(2)") 查找class="last-div"下的第二个a元素 5、$(".last-div a:nth-last-child(2)") 查找class="last-div"下的倒数第二个a元素 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的查看全部
-
$("[attribute|='value']")选择指定属性值等于给定字符串或以该文字串为前缀(该字符串后跟一个连字符 "-" )的元素 $("[attribute*='value']")选择指定属性具有包含一个给定的子字符串的元素(选择给定的属性是以包含某些值得元素) $("[attribute~='value']")选择指定属性用空格分隔的值中包含一个给定值的元素 $("[attribute='value']")选择指定属性是给定的值的元素 $("[attribute!='value']")选择不存在指定属性,或者指定的属性值不等于给定值的元素 $("[attribute^='value']")选择指定属性是以给定字符串开始的元素 $("[attribute$='value']")选择指定属性是以给定值结尾的元素,这个比较是区分大小写的 $("[attribute]")选择所有具有指定属性的元素,该属性可以是任何值 $("[attributeFilter1][attributeFilterN]")选择匹配所有指定的属性筛选器的元素查看全部
举报
0/150
提交
取消