$("button")
;用类选择器,$(".btn")
以及用 id 选择器,$("#target1")
。
虽然可以在单个.addClass()
内添加多个类,但是我们可以用三种不同的方式给一种标签添加类。
以三种不同的方式用.addClass()
方法每次只给一种标签添加一个类:
给所有的button
标签添加animated
类。
给所有类为.btn
的button
标签添加shake
类。
给所有 id 为#target1
的button
标签添加btn-primary
类。
注意:#target1
的button
标签添加shake
、animated
和btn-primary
等三个类,但是你需要用且仅用三种不同的选择器给三种标签各添加一个类(译者注:所谓的“一种标签”是指他们有某种共同的特点,如包含同一个 class)。
$('button')
选择标签。"
testString: assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?button\s*?(?:'|")/gi));
- text: "用$('.btn')
选择标签。"
testString: assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?\.btn\s*?(?:'|")/gi));
- text: "用$('#target1')
选择标签。"
testString: assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")/gi));
- text: 三个选择器每个只添加一个类。
testString: assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?('|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2);
- text: #target1
标签应具有animated
、shake
和btn-primary
三个类。
testString: assert($('#target1').hasClass('animated') && $('#target1').hasClass('shake') && $('#target1').hasClass('btn-primary'));
- text: 仅用 jQuery 给标签添加类。
testString: assert(!code.match(/class.*animated/g));
```