为了账号安全,请及时绑定邮箱和手机立即绑定
  • //.removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })
    查看全部
  • .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上 简单的描述下:在p元素增加一个newClass的样式 <p class="orgClass"> $("p").addClass("newClass") 那么p元素的class实际上是 class="orgClass newClass"样式只会在原本的类上继续增加,通过空格分隔
    查看全部
  • //找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','.attr( attributeName, value )') </script> <script type="text/javascript"> //找到第二个input,通过attr获取属性value的值 $("input:eq(1)").attr('value') </script> <script type="text/javascript"> //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) </script> <script type="text/javascript"> //找到第四个input,通过使用removeAttr删除属性 $("input:eq(3)").removeAttr('value')
    查看全部
  • <script type="text/javascript"> //查找所有input所有可用的(未被禁用的元素)input元素。 $('input:enabled').css("border", "2px groove red"); </script> <script type="text/javascript"> //查找所有input所有不可用的(被禁用的元素)input元素。 $('input:disabled').css("border", "2px groove blue"); </script>
    查看全部
  • <script type="text/javascript"> //匹配所有input元素中的复选按钮,并选中 ?.attr('checked','true'); </script> <script type="text/javascript"> //匹配所有input元素中的提交的按钮,修改背景颜色 ?.css("background", "#C6E2FF"); </script> <script type="text/javascript"> //匹配所有input元素中的图像类型的元素,修改背景颜色 ?.css("background", "#F4A460"); </script> <script type="text/javascript"> //匹配所有input元素中类型为按钮的元素 ?.css("background", "red"); </script> <script type="text/javascript"> //匹配所有input元素中类型为file的元素 ?.css("background", "#CD1076");
    查看全部
  • :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算
    查看全部
  • $(":visble")选择所有显示的元素 $(":hidden")选择所有隐藏的元素;:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等
    查看全部
  • $(":contains(text)") 选择所有包含指定文本的元素 $(":has(selector)")选择元素其中至少包含指定选择器匹配的一种元素 $(":parent") 选择所有含有子元素或者文本的父级元素 $(":empty")选择所有没有子元素的元素(包括文本节点)
    查看全部
  • 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作,jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法: .html() 不传入值,就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 注意事项: .htm()方法内部使用的是DOM的innerHTML属性来处理的,所以在设置与获取上需要注意的一个最重要的问题,这个操作是针对整个HTML内容(不仅仅只是文本内容) .text()方法 得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。,具体有3种用法: .text() 得到匹配元素集合中每个元素的合并文本,包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 注意事项: .text()结果返回一个字符串,包含所有匹配元素的合并文本 .html与.text的异同: .html与.text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器
    查看全部
  • :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始
    查看全部
  • 子选择器:$('div > p') 后代选择器$('div p') 相邻兄弟选择器$(".prev + div") 一般兄弟选择器$(".prev ~ div")
    查看全部
  • .html()包括元素名字 而text()不包括
    查看全部
  • 1. IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName
    查看全部
  • attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)
    查看全部
  • 进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化,由于减少了一些代码,使得该版本比 jQuery 1.x 更小且更快。 jQuery 只是一个库,不需要特别的安装,只需要我们在页面 <head> 标签内中通过 script 标签脚本引入 jQuery 库即可。
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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