今天,
学习如何使用jQuery写一些小
程序,小的尝试写一个
文本,代码如下:
* {
保证金:0;
填充:0;
字体:正常12px / 17px Arial;
}
味精{。
宽度:300px;
保证金:100px;
}
msg_caption {。
宽度:100%;
溢出:隐藏;
缘1px按钮;
}
{ msg_caption跨度。
显示块;
浮:左;
保证金:0 2px;
填料:4px 10px;
背景:# 898989;
光标:指针;
颜色:白色;
}
味精textarea {。
宽度:300px;
身高:100% 80px;
边境:1px solid # 000;
}
$(
函数(){())
评论= $(var $ #评论);
$('更大的')。Click(函数)(
扩展名绑定按钮
如果(!comment.is美元(
动画)来确定对象在动画){ / /状态,不在里面的代码实现
如果($ comment.height()<500){
comment.animate美元({
高度:+ = 50
},1000);在原始+ 50的基础上重新
设置高度。
}
}
});
$('小')。Click(函数))
如果(!comment.is美元(动画)来确定对象在动画){ / /状态,不在里面的代码实现
如果($ comment.height()> 50){
comment.animate美元({
高度:= 50
},1000);在原始- 50基础上重新设置高度。
}
}
});
})
扩大
狭窄的
任何协议的C/S之间的通信通常需要特定的客户端,例如,QQ是C/S
模式,和
桌面上的QQ是腾讯
公司的特定的客户端,与
服务器是腾讯服务器。例如,你看
网络电视也是这样的,例如,你的桌面爱奇艺,
视频软件等,这些软件的C/S模式,需要
用户有一个特定的客户端(插座),B/S模式是基于应用层的HTTP协议。(当然,这取决于底部的许多协议)。一般来说,它不需要特定的客户机,但需要统一的标准客户机。那是你的
浏览器,
网页是B/S模式,也就是说我们所说的
网站是B/S模式。
结果如下:
它可以流畅地放大和缩小,这是jQuery特殊效果的优点。
另一个
输入标记,代码:
体{
字体:正常12px / 17px Arial;
}
div {
填料:2px;
}
输入文本{
宽度:12em;
边境:1px solid # 888;
}
焦点{。
边境:1px solid # F00;
背景:# FCC;
}
$(函数(){())
$(:)。焦点(函数(){)
$(这)。AddClass(焦点);
如果(美元。Val)(这)(= =这。
默认值){
美元(这个)。瓦迩();
};
}Blur(函数(){)
$(这)。RemoveClass(焦点);
如果($)(this)(=)
$(这)。瓦迩(这个默认值);
};
});
/ /请:添加指定的类名为每个匹配的元素,一个或多个用空格分开,添加
属性 ():获取或更改与值属性相对应的值
/ /默认值():获得的值的默认值
/ / removeClass():
删除相应的类属性
});
个人基本信息
名称:
密码:
详细信息:
详细信息
结果如下:
添加焦点,失去焦点,默认设置,当你得到焦点时设置背景颜色。
第三,写一个选择,这个东西一般用在QQ
空间和淘宝更广泛,也更感兴趣,代码如下:
*边距:0;填充:0;}
Div.centent {
浮点数:左;
文本对齐:中心;
保证金:10px;
}
{跨度
显示块;
保证金:2px 2px;
填料:4px 10px;
背景:# 898989;
光标:指针;
字体大小:12px;
颜色:白色;
}
$(函数(){())
移动到右边
$(#添加)。Click(function(){)
获取所
选项目删除,然后移动到右边,这里是移动的选择;
$(#的选项:选择)。AppendTo(# select2);
});
移动到左侧。
$(#删除)。Click(function(){)
$(# select2选项:选择)。AppendTo(# select1);
})
$(# add_all)。Click(function(){)
$(# select1选项),AppendTo(# select2);
})
全部向左/向左
$(# remove_all)。Click(function(){)
$(# select2选项),AppendTo(# select1);
})
双击选项
$(# select1)。Dblclick(function(){)
这里的# select1 / /
位置的选择框,然后导航到集合的元素组选定的陈里面
这意味着这个集合,当我们按Ctrl或Shift时,我们
操作这个集合。
/ / $(选项:选择此)。AppendTo(# select2 );
$()选项:选定
})
双击选项
$(# select2)。Dblclick(function(){)
$()选项:选定
})
});
选项1
选项2
选项3
选项4
选项5
选项6
选项7
选择添加到右侧
所有添加到右边
选项8
结果如下:
左边的选项移到右边,你可以加,可以选择,呵呵,写的代码很有意思,
操作的复选框
HTML
所有的选择
取消选择
逆向选择
一
B
C
D
E
F
jQuery的一部分
选择所有
$(# )。Click(function(){)
$(输入{名称= 'checkbox1})。每个(函数(){)
$(这)。Attr(查看
});
});
常见的Javascirpt部分:
功能检查(){
为(i = 0;i < newtask.length;i++){
E =
任务。元素{我};
如果(e.type = = 'checkbox){
如果(e.checked = false){
e.checked =真;
其他{ }
e.checked =真;
}
}
}
}
取消选择码:
jQuery的一部分:
/ /取消选择
$(# delall)。Click(function(){)
$(输入{名称= 'checkbox1})。每个(函数(){)
$(这)。Attr(查看
});
});
通用javascript部分:
功能delall(){
为(i = 0;i < newtask.length;i++){
E =任务。元素{我};
如果(e.type = = 'checkbox){
如果(e.checked = true){
e.checked = false;
}
别的{
e.checked = false;
}
}
}
}
反向选择码:
jQuery的一部分:
反向选择
$(# antiall)。Click(function(){)
$(输入{名称= 'checkbox1})。每个(函数(){)
$(这)。Attr(查看
});
通用javascript部分:
功能antiall(){
为(i = 0;i < newtask.length;i++){
E =任务。元素{我};
如果(e.type = = 'checkbox){
e.checked =!e.checked;
}
}
}