#jQuery

jquery学习之1.23-ajax使用

jquery中ajax使用比传统ajax使用更加方便,快捷。直接使用jquery提供的方法,就可以实现。具体方法包括如下:此处代码中使用了load,get方法为例子。ajax_jquery.jsp为登陆界面,loadController.jsp为服务器响应界面。具体代码如下:ajax_jquery.jsp:1<%...

jquery学习之1.22-小练习5-实现添加页面上填写信息到当前页面表格中

效果图:实现代码:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5&...

jquery学习之1.21-小练习4实现对复选框的全选,全不选,反选

通过prop和removeAttr方法实现对复选框的全选,全不选,反选。效果图如下:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4....

jquery学习之1.20-获取同辈元素和子元素

获取同辈元素和子元素,所用方法如下:代码如下:<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><...

jquery学习之1.19-小练习3-输入用户名密码时焦点触发和失去焦点

功能:进入页面,输入框用户名中默认填写的有用户名/手机/邮箱,当鼠标移动到上面时,默认值消失。鼠标移开时,如果没有填值,则继续显示用户名/手机/邮箱页面效果:     代码如下:1<%@pagelanguage="java"import="java.util.*"...

jquery学习之1.17-小练习2-左右选项框内容移动

实现选项框内容互换,使用主要语句为$("#leftoption").appendTo($("#right"));效果如下图:支持双击实现移动以及按钮实现移动代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<...

jquery学习之1.16-替换节点

替换节点包括以下:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html&...

jquery学习之1.15-克隆节点

克隆节点所用方法如下,主要区分是否克隆节点自带的事件,克隆节点同时克隆时间需要在clone(true)代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//...

jquery学习之1.14-删除节点

删除节点操作:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>...

jquery学习之1.13-节点插入-外部插入和内部插入

节点的插入可以通过内部插入或者外部插入函数来进行,主要函数如下代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitio...

jquery学习之1.12-给节点添加样式

给节点添加自定义的样式,主要方法如下:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">...

jquery学习之1.11-通过传统方法和jquery方法进行节点添加

节点添加使用的jquery方法有以下几个:主要代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"...

jquery $(document).ready() 与window.onload的区别

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload...

JQuery select option append

三种方法:$('select').append($('<option>',{value:1,text:'One'}));$('select').append('<optionval="1">One</option>');varoption=newOption(text,value);...
代码星球 ·2021-02-21

jquery 分页功能

<divclass="wrapper"><divclass="row"><divclass="col-sm-12"><sectionclass="panel"><headerclass="panel-heading"><formclass="form-i...
代码星球 ·2021-02-21
首页上一页...23456...下一页尾页