
JQUERY
lyq5655779
每多学一点知识,就少写一行代码
展开
-
Jquery表单选择器和each
$(function(){ $("div[id]").click(function(){//选取有id属性的div alert($(this).text()); }); $("div[title=aaa]").css("background","red"); //设置title属性为aaa的背景为红色原创 2012-01-11 17:07:12 · 1265 阅读 · 0 评论 -
JQuery滑动效果(特别的好用哦)
var page=1;//当前页(像分页一样的) var i=4;//每页显示多少个 //点下一页情况分析。当前页为最后一页时,再点击就跳转到第一版面。page设为1,如果不是最后一页的话,就用视频展示区域宽度--减视频实际的宽度 $(function(){ $(".next").click(function(){//给下一页绑定事件原创 2012-01-14 00:21:49 · 4101 阅读 · 0 评论 -
Jquery幻灯片效果
Jquery幻灯片效果(效果和上一次说的视频展示效果原理差不多,一个是向左右,现在的是像上(TOP),改变TOP值) 1 2 3 4 5 下面是JS代码$(function(){ var index=0;原创 2012-01-16 11:44:35 · 1211 阅读 · 0 评论 -
DWZ富客户端的学习(Jquery UI框架)
http://kb.cnblogs.com/a/2283895/ 开始使用DWZ富客户端了,开始看一下文档,做一些小的DEMO了,后面会把自己在这过程中遇到的问题以及解决方法发出来做一个记录。原创 2012-02-21 21:40:01 · 2102 阅读 · 0 评论 -
jquery 设置焦点
Jquery是大家用得比较多的Js框架了,一直不知道怎么设置焦点。今天找到了$("").focus().select();原创 2012-03-29 12:34:14 · 2465 阅读 · 1 评论 -
toggleClass使用
$("document").ready(function(){ $("#word").click(function(){ $("#table1").toggleClass("d1"); }); $("#professional").click(function(){ $("#table2").toggleClass("d1");//点击切原创 2012-03-31 17:02:28 · 618 阅读 · 0 评论 -
从手写代码开始,慢慢去理解。
从手写代码开始,慢慢去理解,程序是写出来的。Jquery多练原创 2012-04-11 12:08:02 · 554 阅读 · 0 评论 -
jqeury练习手写从最简单的开始
$(function() { var $cr = $("#cr"); //得到jquery对象 var cr = $cr[0]; //得到对应的DOM对象 $cr.click(function() {// if (cr.checked) {//用DOM对象操作//原创 2012-04-11 12:18:59 · 621 阅读 · 0 评论 -
修改DWZ的内置方法(openTab),实现搜索,弹出新的navTab
终于解决了DWZ的内置方法(openTab),实现搜索,弹出新的navTab. navTab.openTab('translator', $form.attr('action'), '笔译结果', { data: $form.serializeArray() })//先打开一个navTab方法 navTab.reload($form.attr('action'), { data: $fo原创 2012-04-27 18:30:49 · 9408 阅读 · 6 评论 -
关于表格双击事件的实现 – DWZ框架
分享 关于表格双击事件的实现table表格 样式 table和 list 分别 在dwz.stable.js和 dwz.csstable.js文件中找到 $tr.click(function() 在后加 添加 代码$tr.dblclick(function(){转载 2012-04-20 16:02:06 · 6621 阅读 · 5 评论 -
DWZ框架Ajax无刷新表单提交处理流程是:
DWZ框架Ajax无刷新表单提交处理流程是:1. ajax表单提交给服务器2. 服务器返回一个固定格式json结构3. js会调函数根据这个json数据做相应的处理注意:DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTa转载 2012-04-23 16:06:23 · 8981 阅读 · 0 评论 -
Jquery 综合练习
无标题页 .input{ color:Black;} .input1{ color:Gray;} $(function(){ //练习1.加法计算器 $("#btn2").click(function(){//当点击"="时执行 var txt1=$("#txt1").val()原创 2012-01-12 10:15:37 · 816 阅读 · 0 评论 -
淘宝显示全部分类(Jquery效果)
*{ margin:0; padding:0;}body {font-size:12px;text-align:center;}a { color:#04D; text-decoration:none;}a:hover { color:#F50; text-decoration:underline;}.SubCategoryBox {width:600px; margin:0 auto;原创 2012-01-13 16:34:37 · 2385 阅读 · 0 评论 -
jquery的hide(),show(),fastIn(),fastOut(),slideUp(),slideDown()的使用
$(function(){ //hide,show,fastIn,slideUp,slideDown,fastOut都有两个参数,一个是speed,还有callback $("#btn1").click(function(){ $("#div1").hide(3000);//speed速度,没有speed则没有速度。没有参数原创 2012-01-13 10:17:51 · 1527 阅读 · 0 评论 -
Jquery选择器
1.Jquery选择器 选择同一个样式的多个元素 $(function(){ $(".test").click(function(){ alert($(this).text()); }); }); test1test2test3原创 2012-01-10 20:34:13 · 350 阅读 · 0 评论 -
Jquery 里的节点遍历(next(),perv(),nextAll(),prevAll())
1.节点遍历 111 222 333 444 555 焦 $(function(){ $("li").click(function(){ $(this).css("background","red"); //$(this).ne原创 2012-01-11 10:33:03 · 6167 阅读 · 0 评论 -
jquery练习
1.过滤器姓名成绩tom100jim99john98jason97aaa97平均分98 //第一行是表头,所以显示大字体(fontSize=30), //最后一行是汇总,所以显示红色字体。 //正文的前三行是前三名,所以显示大的字体(28) //表格的奇数行是黄色背景。 $(function()原创 2012-01-11 15:24:12 · 618 阅读 · 0 评论 -
动态创建DOM对象
//在javascript里面创建 function q(){ document.getElementById("btn1").onclick=function(){ var link=document.createElement("a"); link.setAttribute("href","http://www.baidu.com")原创 2012-01-11 17:39:53 · 656 阅读 · 0 评论 -
Jquery(remove)删除DOM对象
$(function(){ $("#table1 td").click(function(){ $(this).remove();//自己删除自己 }); //权限选择 $("#btn1").click(function(){//从selete1中移动到selete原创 2012-01-11 18:20:10 · 4032 阅读 · 0 评论 -
Jquery学习入门一
1。了解jquery.$代表jquery. jquery是基于Javascript的一个类库,像.NET FrameWork一样的类库。 第一个语句 $(document).ready(function(){ alert("Hello jquery"); }); //简写方式 $(function(){原创 2012-01-10 20:07:11 · 447 阅读 · 0 评论 -
jquery过滤器(first,last,not,even,odd简单应用)
1.点击时高亮显示 $(function(){ $(".menuitem").click(function(){ $(this).addClass("highlight").siblings().removeClass("highlight"); }); });2.过滤器(first,last,n原创 2012-01-11 13:24:06 · 3266 阅读 · 0 评论 -
jquery做的效果(QQTab效果)
//总结,多用相对定位简化操作 $(function(){ $("div:last",$("#ulTab li:first").siblings()).css("display","none");//把第一个li的兄弟的第二个div隐藏掉 $("#ulTab>li>div[name=title]").click(function(){//当点击第个原创 2012-01-13 11:57:31 · 704 阅读 · 0 评论 -
jquery的cookie值
1 $(function(){ $("#btn1").click(function(){ $.cookie("title",$("input[type=text]").val(),{expires:7});//设置时间 }); $("#btn2").click(function(){原创 2012-01-13 14:10:52 · 908 阅读 · 0 评论 -
实现checkbox的自绘功能 ((
function paint(obj){ var ischeck=$("#obj").attr("checked"); var newcheck=$("");//创建新的 if(ischeck){ $("img",newcheck).attr("src","images/wjx.jpg");//加入新的 }e原创 2012-01-12 16:14:06 · 1631 阅读 · 0 评论 -
JS 父窗体与子窗体调用总结
【总结】1.使用window.showModalDialog方法 父窗体:var retrunValue=window.showModalDialog(...)方法获得子窗体的值 子窗体: a.获得父窗体控件的值: window.dialogArguments.getElementById(...) b.子窗体返回值给父窗体: window.ret转载 2012-09-17 11:41:13 · 2729 阅读 · 0 评论