1.需求描述:选中表单中的文本框、密码框、文件框、按钮、提交按钮、重置按钮等,设置其背景为红色
<form> <input type="text"><br> <input type="password"><br> <input type="file"><br> <input type="button" value="按钮"><br> <input type="submit" value="提交按钮"><br> <input type="reset" value="重置按钮"><br> </form>
$('input:text').css('background', 'red'); $('input:password').css('background', 'red'); $('input:file').css('background', 'red'); $('input:button').css('background', 'red'); $('input:submit').css('background', 'red'); $('input:reset').css('background', 'red');
2.需求描述:选中复选框、单选框,然后输出标签信息
<form> <input type="checkbox">复选框<br> <input type="radio">单选框<br> </form>
console.log($(':checkbox')[0]); console.log($(':radio')[0]);
3.需求描述:输出表单获取焦点、表单选中、表单禁用、表单列表项选中的状态所在的标签信息
<form> <input type="text" autofocus><br> <input type="checkbox" checked>复选框<br> <input type="radio" disabled>单选框<br> <select> <option selected>列表项1</option> <option>列表项2</option> </select> </form>
console.log($(':focus')[0]); console.log($(':checked')[0]); console.log($(':disabled')[0]); console.log($(':selected')[0]);