学习
Ceremony_feeling
别人每帮你一次,也许都是在对自己的生活做一次调整
展开
-
利用jquery中的选择器,让p元素的字体颜色变成红色
利用jquery中的选择器,让p元素的字体颜色变成红色要求:至少写三种方法代码:<div id="div10"> <p>我是p标签</p><button>1</button><button>2</button><button>3</button></div>$...原创 2019-10-27 20:29:03 · 2935 阅读 · 0 评论 -
使用jquery做简单判断
使用jquery做简单判断要求: 点击id为btn的按钮,1.判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空.2.判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位代码:<div id="div09"><p><input id="userName" type="text">...原创 2019-10-27 20:26:18 · 789 阅读 · 0 评论 -
使用jquery弹出相对应的元素下标
使用jquery弹出相对应的元素下标要求:点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)代码:<div id="div01"> <p>1</p> <p>2</p> <p>3</p> <p>4</p>&l...原创 2019-10-27 20:21:43 · 334 阅读 · 0 评论 -
使用jquery删除列表元素中最后一个li元素
删除列表元素中最后一个li元素代码:<div id="div07"> <ul> <li>元素1</li> <li>元素2</li> <li>元素3</li> <li>元素4</li> &l...原创 2019-10-27 20:17:59 · 4799 阅读 · 0 评论 -
页面载入时使用jquery来自动选中页面中的多选框
页面载入时使用jquery来自动选中页面中的多选框代码:<div id="div06"> <input type="checkbox" >多选框1<br> <input type="checkbox">多选框2<br> <input type="checkbox">多选框3<br>&l...原创 2019-10-27 20:16:24 · 444 阅读 · 0 评论 -
使用jquery克隆方法
使用jquery克隆方法要求:请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面<div id="div05"> <p>我是本体</p></div> $("#div05>p").on('click',function(){ $(this).clone(true...原创 2019-10-27 20:14:31 · 368 阅读 · 0 评论 -
点击DIV,修改第二个p元素的背景色为"orange"
点击DIV,修改第二个p元素的背景色为"orange"<div id="div04"> <p>我是1</p> <p>我是2</p> <p>我是3</p></div> $("#div04").on('click',function(){ $("#di...原创 2019-10-27 20:12:26 · 259 阅读 · 0 评论 -
点击jquery修改div的子元素p的内容为"我是子元素"(使用元素选择器)
点击jquery修改div的子元素p的内容为"我是子元素"(使用元素选择器)要求:使用元素选择器<div id="div03"> <p>我是文字</p></div> $("#div03").on('click',function(){ $("#div03>p").text("我是子元素"); ...原创 2019-10-27 20:09:37 · 379 阅读 · 0 评论 -
使用jquery修改div元素的背景色
使用jquery修改div元素的背景色要求:随意颜色,点击DIV即修改代码<div id="div02">我是div</div> $("#div02").on('click',function(){ $(this).css("background","red"); });...原创 2019-10-27 20:07:08 · 351 阅读 · 0 评论 -
使用jquery做复选框操作
使用jquery做复选框操作要求:1、选中其中一列的复选框时,该复选框所在行的背景色高亮显示(黄色)。2、取消选中复选框时,所在行的背景色恢复。代码部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title&...原创 2019-10-27 20:01:08 · 267 阅读 · 0 评论