- 博客(328)
- 收藏
- 关注
RSS订阅原创 jQuery基础知识点汇总
class 选择器： 语法：$(".class值") 根据 class样式值 查找标签对象 class表示css中的样式，这是使用样式的名称定位dom对象。组合选择器： 语法：$("#id,.class,标签名") 是多个被选对象之间使用逗号分隔后形成的选择器，可以组合id，class，标签名等，举例：$("body" > "div");$("选择器").attr("username","张三") //设置数组中的所有dom对象的username属性值为"张三"。
2023-05-31 08:33:36
161
原创 jQuery-表中数据的添加与删除
/appendTo() 比如：a.appendTo(b) 把 a 插入到 b 子元素末尾，成为最后一个子元素。const flag = confirm("确认删除--->" + name + "<---的信息吗？//confirm()在弹窗中用户点击确定按钮返回true，用户点击取消按钮返回false。//append() 比如：x.append(y) 在x元素中添加y元素。//"td:eq(0)"表示第一个td元素。//text()获取指定元素的文本内容。//$(this)表示鼠标单击的元素。
2023-05-29 09:49:05
414
原创 jQuery-从左到右、从右到左
选项10</option><option value="opt08">选项11</option><option value="opt08">选项12</option><option value="opt08">选项13</option><option value="opt08">选项14</option><option value="opt08">选项15
2023-05-28 13:51:33
590
原创 jQuery-attr()、val()、add()属性和each函数
input type="checkbox" name="c" value="check1"/> 多选1。<input type="checkbox" name="c" value="check2"/> 多选2。<input type="checkbox" name="c" value="check3"/> 多选3。<input type="checkbox" name="c" value="check4"/> 多选4。<input type="button" value="弹出已经被选中的值"><br>
2023-05-27 09:04:50
560
原创 jQuery-使用attr和prop操作属性
/ $(":checkbox").attr("name","爱好");// $(":checkbox").prop("name","爱好");//设置所有选项都被选中。
2023-05-26 08:41:30
459
原创 jQuery-全选/全部选/反选
input type="checkbox" name="items" value="羽毛球" />羽毛球。<input type="checkbox" name="items" value="乒乓球" />乒乓球。<input type="checkbox" name="items" value="足球" />足球。<input type="checkbox" name="items" value="篮球" />篮球。//全选/全部选复选框的状态也变成选中状态。//所有复选框的状态都变成选中状态。
2023-05-25 08:32:18
552
原创 jQuery操作练习-隔行变色
第一行第二列</td><td>第二行第一列</td><td>第二行第二列</td><td>第三行第一列</td><td>第三行第二列</td><td>第四行第一列</td><td>第四行第二列</td><td>第五行第一列</td><td>第五行第二列</td><td>第六行第一列</td><td>第六行第二列</td><td>第五行第一列</td><td>第五行第二列</td><td>第六行第一列</td><td>第六行第二列
2023-05-24 09:32:32
430
原创 jQuery-基本过滤器
div style="display:none" class="none">style的display为"none"的div包含input的type为"hidden"的div
2023-05-21 17:24:29
349
原创 AJAX知识点汇总
status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）success(result,status,xhr)：当请求成功时运行的函数，其中 result, status, xhr 是自定义的形参名。error(xhr,status,error)：如果请求失败要运行的函数, 其中 xhr, status, error 是自定义的形参名。function(data,status,xhr)可选。当请求成功时运行的函数。
2023-05-19 20:06:57
420
原创 jQuery-层级选择器
input type="button" value="选择 id 为 two 的元素后面的所有 div 兄弟元素" id="btn4" />" class="none">style的display为"none"的div/*隐藏该div*/
2023-05-17 16:20:48
427
原创 AJAX实现搜索联想 自动补全
1.想实现联想搜索需要数据库的数据支撑,需要进行模糊查询,搜索出所有包含用户输入的关键字信息,并将这些信息都反馈到前端,简化用户输入,从而提高用户的体验。//类加载时绑定属性资源文件（静态变量和静态代码块的执行时间一样,都是在类加载的时候执行,这时就看代码的先后顺序了,谁在前谁先执行）/*设定div的边框1px 颜色是黑色 实线*//*设定div的宽度*//*设定div的底色*//*设定p标签文字距离左边线的距离*/#myDiv p:hover{ /*设定鼠标在p标签上悬停时*/
2023-05-15 08:42:34
307
原创 实现“省市县的联动”
1.第一次请求：是页面加载完毕之后，发送一次Ajax请求，查询出所有的省级单位，将这些查询结果展示在<select>标签中。2.第二次请求：当所选省级单位发生变化的时候发送一次Ajax请求，查询出该省级单位下的所有市级单位;3.第三次请求：市级单位发生变化的时候再一次发送Ajax请求，查询出该市下所有的县级单位。在前端代码中，编写Ajax请求时，需要使用jQuery代码；在查询时需要使用JDBC技术，将Java对象转换成JSON需要使用fastjson。
2023-05-13 17:59:40
486
原创 Ajax请求，基于JSON的数据交换 实例
/将浏览器返回的信息JSON格式的字符串转换成JSON对象，这个JSON对象是一个数组。//类加载时绑定属性资源文件（静态变量和静态代码块的执行时间一样,都是在类加载的时候执行,这时就看代码的先后顺序了,谁在前谁先执行）//将拼接好的html代码响应到"tbody"标签。//根据下标从数组中获取到JSON对象。//开始拼接html代码。//将List集合转换成JSON格式的字符串。//设置响应信息的内容和字符集，防止中文乱码。//发送Ajax请求。//1.创建核心对象。//2.注册回调函数。
2023-05-10 08:54:36
349
原创 Ajax基于JSON的数据传输,前后端需要进行格式的转换
在这里有多种方法，我今天给大家介绍其中使用比较多的一种：阿里巴巴的fastjson组件，它可以将java对象转换成json格式的字符串。//将JSON格式的字符串转换成JSON对象。2.在浏览器端将接收到的JSON格式的字符串转换成JSON对象。//接收JSON格式的字符串。1.在服务器端将Java对象转换成JSON格式的字符串。// 将Student对象放到List集合。// 将以上数据封装成Student对象。// 将List集合转换成json字符串。//将转换之后的字符串响应给前端。
2023-05-09 10:59:12
203
原创 发送Ajax get请求详解
/注意这里的innerHTML是JavaScript中的语法，与ajax的XMLHttpRequest对象无关，//当XMLHttpRequest对象的readyState的状态码是4的时候，表示响应结束了。//响应结束之后，一般会有一个HTTP的状态码，HTTP状态码是HTTP协议的一部分，//user：用户名 psw：密码 是进行身份认证用的，这个主要看服务器的需要，不需要的情况下就省略了。//url：请求路径（请求地址）(这是前端服务器发送的请求需要有项目名 "/项目名/xxx")
2023-05-05 09:25:58
506
原创 Ajax入门
假设有t1和t2线程，t2想执行，必须等待t1线程执行到某个位置之后t2才能执行，t2需要等待t1，显然他们是排队的，排队的就是。AJAX是可以发送异步请求的。也就是说，在同一个浏览器页面当中，可以发送多个ajax请求，这些ajax请求之间不需要等待，是并发的。每次请求都会导致浏览器页面全部重新刷新，从而浏览器页面有空白期（用户的体验是不连贯的），导致用户体验不好。XMLHttpRequest对象，现代浏览器都是支持的，都内置了该对象。AJAX可以让浏览器发送一种特殊的请求，这种请求可以是：异步的。
2023-05-04 13:17:29
660
2
原创 Listener监听器
如果你采用这种逻辑去实现的，session的个数就是在线用户的数量。假设User类实现了该监听器，那么User对象在被放入session域的时候会触发bind事件，User对象从session中删除的时候，会触发unbind事件。注意： 所有监听器中的方法都是不需要javaweb程序员调用的，它们是由服务器来负责调用的,其调用时机是当某个特殊的事件发生（特殊的事件发生其实就是某个时机到了。session的id发生改变的时候，监听器中的唯一一个方法就会被调用。监听session对象的钝化和活化的。
2023-04-29 13:19:01
675
原创 过滤器（Filter）
判断用户是否登录的代码是固定的，并且在每一个Servlet类当中都需要编写，如果这样显然代码没有得到重复利用。因为Filter的调用顺序是配置到web.xml文件中的，只要修改web.xml配置文件中filter-mapping的顺序就可以调整Filter的执行顺序。执行下一个过滤器，如果下面没有过滤器了，执行(与请求路径对应的)Servlet。Servlet对象默认情况下，在服务器启动的时候是不会新建对象的。Servlet是单例的。注意：Filter的优先级，天生的就比Servlet优先级高。
2023-04-26 16:50:17
303
原创 关于base标签
它既不是Java的语法，也不是JSP的语法。是HTML中的一个标签。${pageContext.request.contextPath}获取的是项目名 这里是/oa。${pageContext.request.serverName}获取的是localhost。需要注意：在JS代码中的路径，保险起见，最好不要依赖base标签。在当前页面中，凡是路径没有以“/”开始的，都会自动将base标签中的路径添加到这些路径之前。在前端HTML代码中，有一个标签，叫做base标签，这个标签可以设置整个网页的基础路径。
2023-04-21 20:12:39
285
原创 JSTL标签库
tag-class>org.apache.taglibs.standard.tag.common.core.CatchTag 标签对应的java类。JSP 标签体当中可以出现的内容，如果是JSP，就表示标签体中可以出现符合JSP所有语法的代码。回答：在jakarta.servlet.jsp.jstl-2.0.0.jar里面META-INF目录下，有一个c.tld文件。status.getCurrent获取当前遍历到的数据。
2023-04-16 19:37:31
304
原创 关于EL表达式
回答：${abc}表示从某个域中取出数据，并且被取的这个数据的name是"abc"，之前一定有这样的代码: 域.setAttribute("abc", 对象);EL表达式中的算术运算符与Java中的算术运算符不同，他只是做算术运算，不做字符串的拼接，当算术运算符的两端不是数字的时候会自动转换成数字，然后进行算术运算；${empty param.password == null}
2023-04-13 11:27:58
359
原创 JSP的指令及九大内置对象
true表示启用JSP的内置对象session，表示一定启动session对象。1.jakarta.servlet.jsp.PageContext pageContext 页面作用域。9.jakarta.servlet.http.HttpServletResponse response （负责响应）指令的作用：指导JSP的翻译引擎如何工作（指导当前的JSP翻译引擎如何翻译JSP文件。8.jakarta.servlet.jsp.JspWriter out （负责输出）
2023-04-10 08:48:47
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人