为了账号安全,请及时绑定邮箱和手机立即绑定
  • 普通处理,通过标准JavaScript处理: var p = document.getElementById('imooc'); p.innerHTML = '您好!通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色。 jQuery的处理: var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');
    查看全部
  • "*"意味着选中所有元素
    查看全部
  • http://jquery.com/download/ 压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。
    查看全部
    0 采集 收起 来源:环境搭建

    2016-10-09

  • $('element')合集操作,选取标签元素
    查看全部
  • class类名可以相同,多选
    查看全部
  • 关于jQuery数据包的问题 既然有网络进行关联了(“src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">”)那还下载jQuery的数据包干什么? 2016-09-18 源自:jQuery基础 (一)—样式篇... 1-3 64 浏览 4 回答 最佳回答 2016-09-18 下载到本地,不受限于是否有网络,并且在调试过程中加载速度更快,基本所有的公司都会将自己使用的jquery版本下载放到自己的服务器中,不会受限于他人(比如此处百度的服务器)
    查看全部
  • 引入jQuery库 在script标签中输入的“<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> ”是什么意思?我现在下其他版本只需要改“1.9.1”吗? 2016-07-27 源自:jQuery基础 (一)—样式篇... 1-2 272 浏览 2 回答 最佳回答 2016-07-27 就是引入外部jQuery的意思,同引入你自己写的js文档一个道理,只不过你引入的这个是在网络上如果你要其他版本的话,确认一下这个链接下是不是这个版本的库,输入浏览器看一下就行了。 如果自己练习的话也可以下载下来:http://jquery.com/download/ 也可以用在线的,在线的有一个好处就是,如果你好几个html文档都用到了jQuery库,只用加载一次就行了。
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

  • id选择器:$('#id')用来选取id的元素,id是唯一值,如果多个元素分配了相同的id,则返回第一个id元素
    查看全部
  • 不难发现,id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,我这里顺便提及一下,比如: 1.IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 2.getElementById的参数在IE8及较低的版本不区分大小写 3.IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A 4.IE8及较低的版本,浏览器不支持getElementsByClassName
    查看全部
  • jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的
    查看全部
  • var div = document.getElementsByTagName('div'); for(var i=0;i<div.length;i++) { div[i].style.color = 'red'; //操作dom对象的属性 }
    查看全部
  • 对于样式的设置,我们学了addClass与css方法,那么两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式 通过.addClass()我们可以批量的给相同的元素设置统一规则,变动起来比较方便,可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改,日后维护也要一一的修改,比较麻烦 灵活性: 通过.css()方式可以很容易动态的去改变一个样式的属性,不需要在去繁琐的定义个class类的规则。一般来说在不确定开始布局规则,通过动态生成的HTML代码结构中,都是通过.css()方法处理的 样式值: .addClass()本质只是针对class的类的增加删除,不能获取到指定样式的属性的值,.css()可以获取到指定的样式值。 样式的优先级: css的样式是有优先级的,当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候,优先级如下 外部样式 < 内部样式 < 内联样式 .addClass()方法是通过增加class名的方式,那么这个样式是在外部文件或者内部样式中先定义好的,等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式,直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结: .addClass与.css方法各有利弊,一般是静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则 如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般多考虑.css()方式
    查看全部
  • 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了 .css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性 获取: .css( propertyName ) :获取匹配元素集合中的第一个元素的样式属性的计算值 .css( propertyNames ):传递一组数组,返回一个对象结果 设置: .css(propertyName, value ):设置CSS .css( propertyName, function ):可以传入一个回调函数,返回取到对应的值进行处理 .css( properties ):可以传一个对象,同时设置多个样式 注意事项: 浏览器属性获取方式不同,在获取某些值的时候都jQuery采用统一的处理,比如颜色采用RBG,尺寸采用px .css()方法支持驼峰写法与大小写混搭的写法,内部做了容错的处理 当一个数只被作为值(value)的时候, jQuery会将其转换为一个字符串,并添在字符串的结尾处添加px,例如 .css("width",50}) 与 .css("width","50px"})一样
    查看全部
  • .toggleClass( )方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类 .toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名 .toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除 .toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值 .toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 注意事项: toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 toggleClass会保留原有的Class名后新增,通过空格隔开
    查看全部
  • .removeClass():从匹配的元素中删除全部或者指定的class; 1、.removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名; 2、.removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名。 注意事项: 如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除 。 如果没有样式名作为参数,那么所有的样式类将被移除 [ 收起全文 ]
    查看全部

举报

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

微信扫码,参与3人拼团

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

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