'use strict'; // 练习 // 使用jQuery选择器分别选出指定元素： let selected = null; // selected = $('#para-1'); // 仅选择JavaScript // selected = $('.color-red.color-green'); // 仅选择Erlang // selected = $('.color-red'); // 选择JavaScript和Erlang // selected = $('[class^="color-"]'); // 选择所有编程语言 // selected = $('#test-jquery > p'); // 选择所有编程语言 更好的方法 // selected = $('input[name="name"]'); // 选择名字input selected = $('input[name="name"],input[name="email"]') // 选择邮件和名字input // 高亮结果: if (!(selected instanceof jQuery)) { alert('不是有效的jQuery对象!'); } $('#test-jquery').find('').css('background-color', ''); selected.css('background-color', '#ffd351'); // $('test-jquery') 定位id="test-jquery" // find() 找出所有子元素 // css('background-color') 设置id="test-jquery"下的css样式背景颜色置空 // selected.css('background-color', '#ffd351') 设置选中的部分 背景颜色为#ffd351