奋斗、

用到的jQuery下载首先是ready方法与onload事件的区别 /* onload只能注册一次，window.onload=function(){} 后注册的取代取代先注册的，而ready则可以多次都会执行注册 onload是所有的Dom元素创建完毕，图片，Css等都加载完毕后才触发的， 而ready则是D

$(function() { $(":button[value=delete]").click(function() { //在文档中直接删除最后一个 //var $li = $("#lis li:last").remove(); //$("#lis").prepend($li); //empty()是将节点清空，等价于innerHT

.black { color:Black; } .gray { color:Gray; } $(function() { $("#textSearch").focus(function() { //先判断当前输入框中的文字 if($(this).val() =="请输入搜索关键字")

$(function() { $("#sub").click(function() { var name = $("#textName").val(); var content = $("#textContent").val(); var $tb = $("#tb"); if($tb.length==0) {

$(function() { setCount(); }); var count = 5; var tmrId = setInterval("setCount()",1000); function setCount() { if(count>0) { $("#btn").val("请仔细阅读协议("+count+")秒");

#tooltips { width:200px; height:200px; border:solid 1px red; position:absolute; } $(function() { //图片跟着鼠标移动的效果 /* $(document).mousemove(function(e) {

show(),hide()如果不带参数，则立即显示，或隐藏，如果指定速度参数则会用指定时间进行动态显示，隐藏，单位为毫秒，也可以使用三个内置的速度fast(200ms) slow(600ms) normal(400ms)动画效果还有slideDown,slideUp,fadeOut,fadeIn #d1 { w

li { width:150px; cursor:pointer; } $(function() { $("#mv li").mouseover(function() { $(this).css("background-color","red"); }).mouseout(function() {

$(function() { $(":button[value=bind]").click(function() { //绑定单击事件 /* $("#test").bind("click",function() { alert("click"); }); */ //绑定多个事件 /*

$.parser.onComplete，这个是在所有组件解析完成后执行的事件。其实这个事件很有用的。很多在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，当你们布局和组件使用的比较多的时候，完整的解析组件就需要一个过程，而在这个过程中就会

增加了判断页面中是否有相应对象 $(function() { //点击按钮时动态生成控件演示 $(":input[value=click]").click(function() { //在内存中创建一个jQuery对象 var $alink = $("baidu"); //可以对

$(function() { //点击按钮时动态生成控件演示 $(":input[value=click]").click(function() { //在内存中创建一个jQuery对象 var $alink = $("baidu"); //可以对对象设置样式，并添加事件 $alink.css("color","red");

$(function() { //全选 $("#checkAll").click(function() { //可以对子选项设置相同的name属性 //这里是以包含chkChild的id，与全选的状态相同 //$(":checkbox[id*=chkChild]").attr("checked",$(this).attr("checked

//dom对象。 //dom对象不能使用jQuery对象的方法，如果要使用，需要转化，如下注释部分 window.onload = function() { var oDiv = document.getElementById("d1"); oDiv.innerHTML = "dom"; var $div = $(oDiv); $div.html(

map方法主要用于对数组进行遍历 /* map(callback)方法的使用 将一组元素转换成其他数组（不论是否是元素数组） 你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。 这都可以用'$.map()'来方便的建立。 map方法可以实现对一个数组遍历，然后分别对每一个元素进行操作

一、jQuery中的选择器有以下几种1、id选择器2、class选择器3、标签选择器4、复合选择器5、层次选择器使用规则 $("who").when.what();二、判断对象是否存在，attr()方法的使用示例代码： .cls { background-color:red; }

//当节点加载完成后执行 $(function() { $("#imgs a").click(function() { //this指的是当前触发事件的a标签，是DOM对象 $("#bannerImg").attr("src",this.href); return false;//响应函数取消后续操作的执行 }); });

$(function() { //表头 $("#salary tr:eq(0)").css({"font-size":"30px","text-align":"center"}); //最后一行 $("#salary tr:last").css("color","red"); //排除表头的前三项 $("#salary tr:not(:firs

.my { width:200px; height:200px; } .m { border:1px solid red; } .dark { background-color:black; //filter:gray } /* 点击每一行时高亮显示的实现主要是在点击的时候当前行添加样式，

一、属性过滤选择器$("div[id]")选取有id属性的$("div[title=test]")选取title属性为test的,jQuery中没有对getElementByName()进行封装比如选取所有的文本框，就是$("input[type=text]")$("div[title!=test]")选取title属性不为test的$("div[id*=test]")选取id

//相对定位，只要在$()指定第二个参数，第二个参数为相对的元素，$("url",$(this)).css("background-color","red"); $(function() { $("#tb tr").click(function() { //在当前点击的tr中找出所有的 td //$("td",$(this)).text("aaaa"

$(function () {    var lastIndex;    var $dg = $('#dg');    $dg.datagrid({        width : 600,        height : 'auto',        title : '可编辑列级联操作',        singleSelect : true,        idField : '