为了账号安全,请及时绑定邮箱和手机立即绑定
  • $(":first")第一个元素 last最后一个元素 not(select)不包含select的元素 eq(index)索引值为index的元素 gt(index)大于索引值为index的元素 lt(index)小于索引值为index的元素 even偶数 odd奇数 header所有h1-h6 animated正在执行动画效果的
    查看全部
  • (1).addClass与.css方法各有利弊,一般是静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则 (2)如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般多考虑.css()方式
    查看全部
  • $('.seventh').css({'background':'blue','color':"white"})
    查看全部
  • :contains()选择器中括号内的文字,可为纯文本,或用引号包围
    查看全部
    0 采集 收起 来源:练习题

    2016-07-09

  • indexOf方法获取到指定的字符在字符串中第一次出现的位置,从0开始。如果一开始就是e则返回0,如果第二个位置是e则返回1,如果搜完整个字符串都没有e则返回-1 。
    查看全部
  • <script type="text/javascript"> //.removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })
    查看全部
  • 1、样式操作.css() 通过JavaScript获取DOM元素上的style属性,可动态的给元素赋予样式属性。在jQuery中要动态的修改style属性我们只要使用css()方法就可以实现了。 (1).css()方法:获取元素样式属性的计算值或者设置元素的CSS属性 ①获取: .css( propertyName ):获取元素集合中的第一个元素的样式属性的计算值 .css( propertyNames ):传递一组数组,返回一个对象结果 ②设置: .css(propertyName, value ):设置CSS .css( propertyName, function ):可以传入一个回调函数,返回取到对应的值进行处理 .css( properties ):可以传一个对象,同时设置多个样式 (2)注意: ①浏览器属性获取方式不同,在获取某些值的时候都jQuery采用统一的处理,比如颜色采用RBG,尺寸采用px ②.css()方法支持驼峰写法与大小写混搭的写法,内部做了容错的处理 ③当一个数只被作为值(value)的时候,jQuery会将其转换为一个字符串,并添在字符串的结尾处添加px,例如.css("width",50})与.css("width","50px"})一样
    查看全部
  • 1、切换样式.toggleClass() 在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果。 (1)jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass ①.toggleClass( )方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类 ②.toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名 ③.toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除 ④.toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值 ⑤.toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 (2)注意: ①toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 ②toggleClass会保留原有的Class名后新增,通过空格隔开
    查看全部
  • 1、jQuery提供了一个很方便的.removeClass(),它的作用是从匹配的元素中删除全部或者指定的class (1).removeClass( )方法 ①.removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名 ②.removeClass( function(index, class) ):一个函数,返回一个或多个将要被移除的样式名 (2)注意: ①如样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除。 ②如果没有样式名作为参数,那么所有的样式类将被移除
    查看全部
  • 1、通过动态改变类名(class),可以让其修改元素呈现出不同的效果。 2、在HTML结构中里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦。同样的jQuery开发者也考虑到这种情况,增加了一个.addClass()方法,用于动态增加class类名。 (1).addClass( className )方法 ①.addClass( className ):为每个匹配元素所要增加的一个或多个样式名 ②.addClass( function(index, currentClass) ):这个函数返回一个或更多用空格隔开的要增加的样式名 (2)注意: .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上 3、在p元素增加一个newClass的样式 <p class="orgClass"> $("p").addClass("newClass") 那么p元素的class实际上是class="orgClass newClass"样式只会在原本的类上继续增加,通过空格分隔。
    查看全部
  • disabled="disabled用于表单禁用
    查看全部
  • 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是jQuery对象,它是一个新的对象 jQuery与DOM对象完全不是同一个东西,但是又似曾相似,因为他们都能处理DOM 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容问题,我们可以通过jQuery更友好的API进行开发,同时代码也会更加精短.
    查看全部
  • $.data($(this),"a","value"),给对象$.data加了$(this)对象 并且给他加了属性a=value $.data($(this),"b",{name:"慕课网"})给对象$.data加了$(this)对象 并且给他加了对象b={name:"慕课网"} 获取属性值 $.data($(this).a)获取对象中$(this)的a属性 $.data($(this).b).name获取对象中b对象的name属性 通过$(this).("a","value"),直接给事件对象加了属性a直接给事件对象加了$(this).("b",{name:“慕课网”})加了b对象; 获取方式$(this).data("a") $(this).data("b").name
    查看全部
  • .right下的第一个div元素中第一个,next()表示下一个元素,的class等于这个元素,return 自己的一个class表示删除该元素
    查看全部
  • addClass( function(index, currentClass) ) 为对象添加class,function(index, currentClass);就是添加的class内容,由于对象是个数组所以addClass需要遍历对象每个元素继续添加class,index表示每个元素下标索引,比如对 $("div")的第一个元素进行添加class那么index==0;而currentClass则是该元素原来的class,例题中$("div")的第一个元素 class=left,所以currentClass==left,然后然后函数根据传入变量进行判断是否添加新的class。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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