随笔分类 -  web篇3-jQuery

17删除标签
摘要:6. 删除元素 1) 清空子元素: 父元素.empty() 2) 删除标签: 标签对象.remove() 阅读全文
posted @ 2022-04-18 22:56 小小程序猿level1 阅读(40) 评论(0) 推荐(0)
16添加元素
摘要:<head> <meta charset="UTF-8"> <title>17添加元素</title></head><body> <div id="no1"> <div>1</div> <div>2</div> <div>3</div> </div> <hr> <div id="btn"> <inp 阅读全文
posted @ 2022-04-18 22:55 小小程序猿level1 阅读(33) 评论(0) 推荐(0)
15获取表单的参数字符串
摘要:<head> <meta charset="UTF-8"> <title>9.获取表单的参数字符串</title></head><body> <form id="form1"> <div>用户名: <input type="text" name="userName" value="无名氏"></di 阅读全文
posted @ 2022-04-18 22:35 小小程序猿level1 阅读(42) 评论(0) 推荐(0)
14在标签对象中根据选择器查找
摘要:<head> <meta charset="UTF-8"> <title>在标签对象中根据选择器查找</title> <style> .table{ margin: 100px auto; width: 400px; height: 300px; text-align: center; border 阅读全文
posted @ 2022-04-18 21:20 小小程序猿level1 阅读(30) 评论(0) 推荐(0)
13.获取标签附近的元素以及在标签中查找子元素
摘要:<head> <meta charset="UTF-8"> <title>获取标签附近的元素以及在标签中查找子元素</title></head><body> <form action=""> <table> <tr> <td>用户名:</td> <td><input type="text" name 阅读全文
posted @ 2022-04-18 17:25 小小程序猿level1 阅读(50) 评论(0) 推荐(0)
12.jquery遍历
摘要:<head> <meta charset="UTF-8"> <title>6jquery遍历</title></head><body> <form id="form1"> <input type="button" value="修改"> <input type="button" value="取消" 阅读全文
posted @ 2022-04-18 14:28 小小程序猿level1 阅读(31) 评论(0) 推荐(0)
11jquery操作标签的其它属性和自定义属性
摘要:<head> <meta charset="UTF-8"> <title>5.操作标签的其它属性和自定义属性.html</title></head><body> <div role="role" title="标题" index="">测试标签属性</div> <div> <input type=" 阅读全文
posted @ 2022-04-17 15:32 小小程序猿level1 阅读(130) 评论(0) 推荐(0)
10.jquery操作行内样式和class属性
摘要:<head> <meta charset="UTF-8"> <title>index</title> <style> .test1{ background-color: #54f5ff; color: fuchsia; font-family: 宋体; text-align: center; } . 阅读全文
posted @ 2022-04-17 15:10 小小程序猿level1 阅读(127) 评论(0) 推荐(0)
9jquery操作行内样式
摘要:<head> <meta charset="UTF-8"> <title>3操作行内样式和class属性</title></head><body> <div class="no1">我是测试语句</div> <div class="btn"> <input type="button" value=" 阅读全文
posted @ 2022-04-17 14:11 小小程序猿level1 阅读(158) 评论(0) 推荐(0)
8.jquery操作标签内容
摘要:<head> <meta charset="UTF-8"> <title>2.操作标签内容</title></head><body> <div class="no1"> <span style="color: fuchsia">今晚打老虎</span> </div> <hr> <div class= 阅读全文
posted @ 2022-04-16 22:19 小小程序猿level1 阅读(34) 评论(0) 推荐(0)
7jquery操作value
摘要:<head> <meta charset="UTF-8"> <title>1操作value</title></head><body> <div class="no1"> 用户名:<input type="text" value="admin" name="username"><br> 密码:<inp 阅读全文
posted @ 2022-04-16 21:48 小小程序猿level1 阅读(51) 评论(0) 推荐(0)
6.使用jquery改造地址级联
摘要:<head> <meta charset="UTF-8"> <title>5.示例-使用jquery改造地址级联</title></head><body> <div id="app"> 地址:&nbsp;&nbsp;&nbsp; <select name="prov"> <option value= 阅读全文
posted @ 2022-04-16 18:41 小小程序猿level1 阅读(40) 评论(0) 推荐(0)
5jquery 事件操作
摘要:<head> <meta charset="UTF-8"> <title>4.jquery事件操作</title></head><body> <div class="info"> <input type="button" value="单机事件"> <input type="button" valu 阅读全文
posted @ 2022-04-16 18:38 小小程序猿level1 阅读(30) 评论(0) 推荐(0)
4jquery高级选择器下
摘要:<head> <meta charset="UTF-8"> <title>3.高级选择器2</title></head><body> <form id="form1"> <div>用户名: <input type="text" name="userName" value="admin"></div> 阅读全文
posted @ 2022-04-16 16:43 小小程序猿level1 阅读(26) 评论(0) 推荐(0)
3jquery高级选择器上
摘要:<head> <meta charset="UTF-8"> <title>2.高级选择器上</title></head><body> <div id="no1">小透明</div> <div class="info">NBA咨询</div> <div class="info">神州60号</div> 阅读全文
posted @ 2022-04-16 15:17 小小程序猿level1 阅读(23) 评论(0) 推荐(0)
2.jQuery基础选择器
摘要:<head> <meta charset="UTF-8"> <title>1.基础选择器</title></head><body> <div id="web">百度</div> <div class="info">今日头条1</div> <div class="info">今日头条2</div> < 阅读全文
posted @ 2022-04-16 14:24 小小程序猿level1 阅读(25) 评论(0) 推荐(0)
1.jQuery说明文字
摘要:JQuery: Javascript Query, js的查询插件 通过js文件中的函数, 为window对象添加了新的属性$和jQuery. 通过$或jQuery调用jquery插件的各种方法 1. 获取标签对象 1) 通过$("jquery选择器")获取标签对象 注: 通过jquery函数获取到 阅读全文
posted @ 2022-04-16 10:45 小小程序猿level1 阅读(55) 评论(0) 推荐(0)