为了账号安全,请及时绑定邮箱和手机立即绑定
  • $('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”选择器
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 隐藏元素的多种方法: 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”选择器
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 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元素
    查看全部
    0 采集 收起 来源:综合案例

    2018-03-22

  • 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
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!