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

实现选项框内容互换,使用主要语句为$("#leftoption").appendTo($("#right"));效果如下图:支持双击实现移动以及按钮实现移动代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8body{height:100%;width:50%;margin:50pxauto;padding:20px;border:1pxsolidblack;}9div{background:yellow;float:left;}10select{width:70px}11</style>12<scripttype="text/javascript"src="../js/j...

jquery习之1.16-替换节点

替换节点包括以下:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{15//***********************给ul中添加一个li节点*******1617...

jquery习之1.15-克隆节点

克隆节点所用方法如下,主要区分是否克隆节点自带的事件,克隆节点同时克隆时间需要在clone(true)代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{1516$("#...

jquery习之1.14-删除节点

删除节点操作:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{15//***********************给ul中添加一个li节点*******16$("#...

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

节点的插入可以通过内部插入或者外部插入函数来进行,主要函数如下代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{15//***********************给...

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

节点添加自定义的样式,主要方法如下:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{15//***********************给id为div1的div添...

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

节点添加使用的jquery方法有以下几个:主要代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<styletype="text/css">8.one{width:30%;height:20%;background:#ff00ff;}9</style>10<scripttype="text/javascript"src="../js/jquery-1.11.0.js">11</script>12<scriptlanguage="javascript">13$(document).ready(function()14{15//***********************给ul中添加一个l...

UNIX网络编程学习笔记:值-结果(value-result)参数

前言当把套接口地址结构传递给套接口函数时,总是通过指针来传递的,即传递的是一个指向结构的指针。结构的长度也作为参数来传递,其传递的方式取决于结构的传递方向:从进程到内核,还是从内核到进程。1、从进程到内核从进程到内核传递套接口地址结构的函数有3个:bind、connect和sendto,这3个函数的一个参数是指向套接口地址结构的指针,另一个参数是结构的整数大小,例如:/*example*/structsockaddr_inserv;/*fillinserv{}*/connect(sockfd,(structsockaddr*)&serv,sizeof(serv));由于指针和指针所指结构的大小都传递给内核,所以从进程到内核要确切拷贝多少数据是知道的,如下图所示:2、从内核到进程从内核到进程传递套接口地址结构的有4个函数:accept、recvfrom、getsockname和getpeername。这4个函数的两个参数是:指向套接口地址结构的指针和指向表示结构大小的整数的指针,例如:/*example*/structsockaddr_uncli;/*Unixdomain*/so...

jquery学习之1.10-小练习-选中下拉框内容并显示

选中下拉框中的内容,并且获取内容,显示出来,代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{121314//****改变input的type=text的内容,改写为test哈哈*******15$("#bt1").click(16function()17{18$("input[type='text']:enabled").val("test哈哈");19}2...

jquery习之1.9-表单选择器

表单选择器主要包含内容:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{12alert("欢迎来到页面");1314//***********************弹出button的个数********15var$buttons=$(":button");//获取所有表单元素:radio,:reset等16alert($buttons.length);17...

jquery习之1.8-子元素过滤器

子元素过滤器,主要内容如下:此处仅用一个例子,其他自己可以都试试啊1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{1213//*******每个div中查找第二个p元素,背景色置为粉红********14$("#bt1").click(15function()16{17$("divp:nth-child(2)").css("background","pink");18...

jquery习之1.7-属性过滤器学习

属性过滤器学习,主要内容包含:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{121314//***********************改变有title的div颜色为#aa0000********15$("#bt1").click(16function()17{18$("div[title]").css("background","#aa0000");1...

jquery习之1.6-选择器小练习,遍历复选框

练习,遍历复选框1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{12//***********************获取选中复选框的内容及个数********13$('#bt1').click(function(){14$obj=$("input[type='checkbox']:checked");//$obj是集合($obj[0],$obj[1],$obj[2]...

jquery习之1.5-可见性选择器学习

对于可见性选择器的学习,主要包含内容如下,可对多个隐藏jquery对象进行遍历,主要使用each方法:代码如下:1<%@pagelanguage="java"import="java.util.*"2pageEncoding="utf-8"%>3<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4<html>5<head>6<title>11</title>7<scripttype="text/javascript"src="js/jquery-1.11.0.js">8</script>9<scriptlanguage="javascript">10$(document).ready(function()11{121314//***********************改变所有可见的div背景颜色为red********15$("#bt1").click(16function()17{18$("div:visibl...

jquery习之1.4-内容过滤器学习

内容过滤器包含以下内容:代码示例如下:1:<%@pagelanguage="java"import="java.util.*"2:pageEncoding="utf-8"%>3:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">4:<html>5:<head>6:<title>11</title>7:<scripttype="text/javascript"src="js/jquery-1.11.0.js">8:</script>9:<scriptlanguage="javascript">10:$(document).ready(function()11:{12:13:14://***********************改变文本含有v1的div背景颜色为green********15:$("#bt1").click(16:function()17:{18:$("div:contains('v1')").css(...
首页上一页...7891011...下一页尾页