1.选择某个元素:
按元素ID:$("#id"),如果id类似这种company.name,则是$("#company\\.name")
按元素css的class:$(".cssclass");
如:<div class="separator"></div> 则是$(".separator")
2.元素的显示与隐藏
$("#obj").show();("#obj").hide();
另外就是$(".hid").toggle(0);表示所有css的class为hid的元素显示或者隐藏。
参数0表示不用动画。1000表示动画一秒。类似。
3.给元素加class
$("#obj").addClass("mouov");表示给元素加上class为mouov的css
$("#obj").removeClass("mouov"));去掉元素的mouov css
4.css隔行换色
$('#tbodys tr:odd').css('background-color','#F1F1F1');
$('#tbodys tr:even').css('background-color','#FFFFFF');
$("#td").attr("rowSpan", 2);设置指定td的rowSpan=2 同样可以设置coslpan等等。
5.设置disabled,checkbox
$("#obj").attr("disabled",true);
取消disabled $("#obj").removeAttr("disabled");
$("#obj").attr("checked", "true");
6.获取各种元素的值
下面各种元素id均为obj
form里面各种元素:input ,checkbox等等
$("#obj").val();//取值 $("#obj").val("123");赋值123
其他元素div,tr,td等 等 为$("#obj").html();//取值$("#obj").html("123");//赋值
7.table操作
复制 $tr1 =$("#tr").clone();
获取列:$("td:eq(0)",$tr).html("111");//该tr第1列赋值 0表示第一列,以此类推
获取行:$tr1 =$("#tbodys tr:eq(0)");第一行
赋值id: $tr.attr("id", "tr11");
绑定事件:$tr.bind("mouseover",function(){$(this).addClass("mouov")});$tr.bind("mouseout",function(){$(this).removeClass("mouov")});
将tr添加到某表格 $tr.appendTo($table);
先写这些吧,以后再补!
分享到:
相关推荐
jQuery基础入门pp
随着JavaScript、CSS、Ajax等技术的不断进步,越来越多的开发者将一个又一个丰富多彩的程序功能进行封装,供其他人可以调用这些封装好的程序组件(框架)
解压后里面有jQueryAPI-100214.chm、JQuery基础入门-1.ppt JQuery基础入门-1.ppt只要你看完后保证JQuery Web开发一定会 我就是看JQuery基础入门-1.ppt 入门的,我很喜欢这ppt所以分享给大家。
Ajax和Jquery基础入门视频(源码和课件)
JQuery基础入门超级详细,普及度高!
Ajax和Jquery基础入门视频百度云下载 全
jQuery基础入门: jQuery简介 jQuery核心方法及DOM对象 事件与事件对象 jQuery中的Ajax jQuery工具函数
1.第1章 jQuery入门 11.1 jQuery能做什么 11.2 jQuery为什么如此出色 21.3 第一个jQuery文档 31.3.1 下载jQuery 31.3.2 设置HTML文档 41.3.3 编写jQue... 2.第2章 选择符——取得你想要的一切 102.1...
是一个学习JQUERY的教程,大家可以看一下,也许会对大家有些帮助,希望和大家共同学习
jQuery入门,jQuery入门,jQuery入门,jQuery入门
jQuery开发入门 jQuery选择器 jQuery操作DOM Ajax在jQuery中的应用 jQuery实用工具函数
jQuery_1.4中文文档 jQuery基础教程 JQuery中文入门指南
jQuery入门基础二.ppt