JQuery笔记1、节点操作插入节点$(html)函数中，$(“”);Append()向每个匹配的元素内部追加内容//理解：相当于把里的标签剪切到appent

1.去除td之间的间距table{border-collapse:collapse;}2.文字在td中居中显示vertical-align:middle3.居中显示vertical-align:middle;text-align:center;4.常用效果总结//jQuery实现奇偶行变色$(function(){$("#displaytr:odd").addClass("trOdd");//$(

以下都能在页面加载的时候弹出窗口： $(function(){ alert("1"); }); (function(){ alert("2"); })(); $("tr[data-no]").length得到属性为data-no的tr的个数$("input[name='couponType']:checked").val()得到被选中单选框的name为couponType的value得到该对象下

$(function(){ $("a").click( function(event){ alert("你希望访问的网址是："+event.target.href); //阻止缺省行为 event.preventDefault(); } ); }); Sohu阻止链接到sohu.com----------------------------------------------

jquery笔记：复制代码代码如下:$(“input[name='radio_name']:checked”).val()123网上的东西太乱了，而且jQuery不同版本可能写法不太一样，经过搜索和做实验

基本语法$是jQuery这个javascript类的一个别称。$（document）是jQuery选择器，用于选择一个html元素，此处指整个html文档。在jQuery库中定义有以下一行代码window.jQuery=window.$=jQuery;因为window可以省略，所以$其实表示window.$，等同于jQuery，也就有window.jQuery(document)jQuery(do

1、DOM对象转jQuery对象 普通的Dom对象一般可以通过$()转换成jQuery对象。 如：$(document.getElementById("msg")) 返回的就是jQuery对象，可以使用jQuery的方法。 2、jQuery对象转DOM对象 由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为Dom对象则必须取出其中的某一项，一般可通过索引取出。

作者：老默 http://senir.blog.163.com （转载请注明出处）   jQuery是一个js的框架。 什么是框架呢？框架就是封装。 以吃饭举例：   要想吃饭那么你就得买菜、洗菜、切菜、炒菜、盛菜、端菜，最后就能吃到菜，而如果你到饭馆去吃饭，那么你只需要点菜，然后就等着吃饭。那么饭馆就是一种封装，也就是框架。 同样，如果你自己用js

作者：老默http://senir.blog.163.com(转载请注明出处）jQuery入门简介-老默 jQuery的选择包含两种，一种是选择器，一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。children()是一个筛选器，顾名思义就是筛选孩子，筛选那些符合条件的孩子。完整的格式如下： .children(expr) 其中children是筛选器的名称，expr是表达式，所

1,复制内容并给id重新命名 var $marquee_li_0 = $marquee_scroll.find('li').eq(0); var $marquee_li_new = $marquee_li_0.clone(true).appendTo('.clone'); $marquee_li_0.after($marquee_li_new); var $marquee_li_0_id=

bind()绑定事件：参数1，绑定的时间类型；参数2，触发该事件后执行的函数。事件触发器Trigger（“参数一”“参数二”）触发器，不仅可以触发浏览器有的事件名称，还可以触发自定义的事件，就相当于调用参数1绑定的事件，参数二可以将需要的参数返回到执行的函数中例如：$（“h5.head”）.bind("myClick",function(event,mes1,mes2,mes3){alert(me

追加节点：(1)append()   向匹配的元素内部追加内容  父元素追加xxx为子元素(2)appendTo() 将匹配的元素追加到指定的元素中 将匹配的元素追加到某个元 删除节点：(1)根据参数删除指定的元素remove()   (2)清空节点empty()1,clone()复制节点2,替换节点replaceWith()使用with后面的标签替换匹配的元素replaceAll()使用某个元素

1、DOM对象转jQuery对象普通的Dom对象一般可以通过$()转换成jQuery对象。如：$(document.getElementById("msg"))返回的就是jQuery对象，可以使用jQuery的方法。2、jQuery对象转DOM对象由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为Dom对象则必须取出其中的某一项，一般可通过索引取出。如：$("#msg")[0]，

jquery笔记javascript点击触发事件   functiondemo(){   alert('JavaScriptdemo.'); }点击我.jquery点击触发事件      jQueryDemo

jQuery的选择包含两种，一种是选择器，一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。children()是一个筛选器，顾名思义就是筛选孩子，筛选那些符合条件的孩子。完整的格式如下：.children(expr)其中children是筛选器的名称，expr是表达式，所有选择器中的表达式都可以用在这，比如按标签名"div",按类名".class",按序号":first"等等，如

jQuery的选择包含两种，一种是选择器，一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。children()是一个筛选器，顾名思义就是筛选孩子，筛选那些符合条件的孩子。完整的格式如下： .children(expr) 其中children是筛选器的名称，expr是表达式，所有选择器中的表达式都可以用在这，比如按标签名"div",按类名".class",按序号":first"等等

消失:$(document).ready(function(){ $('div').fadeOut(1000); });

外部插入节点after(content);在每一个匹配元素之后插入内容$("rsl").after($("#r"));before(content)在每个匹配的元素之间插入内容$("rsl").before($("#r"));insertAfter(content);把所有匹配的元素插入到另一个，指定的元素集合的后面$("#r").insertAfter($("#company"));insert

JQuery中的DOM操作内部插入节点append(content);向每个匹配的元素的内部结尾处追加内容（相当于主动）$("#company").append($("#rsl"));/*******************************************/appendTo(content);将每个匹配的元素追加到指定的元素中的内部结尾处（相当于被动）$("#rsl").appen

1，使所用enabled的text文本框中的值变为ssss方法一：$("b1").click(function(){$("input[type=text]:enabled").each(function(){$(this).val("sssss");});});方法二：（第二种是将所有符合条件的text变为同一个值，第一种可以设置多个值）$("input[type=text]:enabled").

1>jQuery获取value值 <script type="text/javascript"> $(document).ready(function(){ $("p").append( "<b>Single:</b> " + $("#single"

1. event.stopPropagation()方法可以停止事件冒泡； 2. event.preventDefault()方法阻止元素的默认行为； 3. event.type获得事件的类型; 4. event.target 获取到触发事件的元素； 5. event.pageX 和 event.pageY 获取相对于页面的x坐标和y坐标； 6. one（）方法 对于只需触发一次的事件可

jquery笔记：$(“input[name='radio_name']:checked”).val()123 网上的东西太乱了，而且jQuery不同版本可能写法不太一样，经过搜索和做实验，下面写的是jQuery1.3.2

/***************************选择器***********************/ 根据元素id获取元素   $('#id') 获取值$('#id').val() 动态设置样式$("#id").attr('class','myclass'); 获取单选按钮选中项的值 $("input:radio[nam

jquery笔记07171、不常用的切换函数$("p").toggle();当点击切换按钮时，隐藏元素为P行和显示P行；$(document).ready(function(){ $("button")

jquery.validate.js 是 jquery 旗下的一个验证插件，借助 jquery 的优势，我们可以迅速验证一些常见的输入 , 并且可以自己扩充自己的验证方法。  举个例子，有这么一个表单：  view plaincopy to clipboardprint?    Validating a complete form    Firstname        Lastname     

$('input').bind('click',function(){//alert(event.currentTarget.id);//a1//this==event.currentTarget//truealert(this.id);});可以采用这种绑定策略，取到dom元素的id值版权声明：本文为博主原创文章，未经博主允许不得转载。

1.$().html()   相当于innerHTML   2.$(document).ready(function(){})      $().ready(function(){ })      $(function(){})  页面加载   3.$().css("

一、给列表添加不同的图片元素 脚本: $(function(){   $(".ranking ul li").each(function(i){ //给第一个li添加执行函数     var no = $(this).index() + 1; //index() 方法返回指定元素相对于其他指定元素的 index 位置。 &nbs

通过name选择控件：$("input[name=password]").get(0); 今天发现个有意思的函数： 1、append(con) 这个函数添加内容时，如果con中写有onclick是不会起作用的，必须绑定事件。但绑定事件后如果用remove函数删除上面的内容，绑定事件却没有删除，如果再重新执行上面的添加内容绑定事件的方法，那当事件被响应时就会被执行两次。

1.首先去下个JQuery.js文件。在www.jquery.com上download.有两个版本，min的那个是被压缩的（不是给人看的，是给机器看的……），一般是项目发布时候用的，那个200多kb的是开发时候用的，个人建议开发的，jquery出现问题也可以去找，那个min版本的没法看； 2.写个html或者jsp格式的文件也可以 3.先导入jquery.js文件 <script

阅读更多1.首先去下个JQuery.js文件。在www.jquery.com上download.有两个版本，min的那个是被压缩的（不是给人看的，是给机器看的……），一般是项目发布时候用的，那个200多kb的是开发时候用的，个人建议开发的，jquery出现问题也可以去找，那个min版本的没法看；2.写个html或者jsp格式的文件也可以3.先导入jquery.js文件4.写个单击事件操作1>假如有

引入核心库 ： 下载地址：http://docs.jquery.com/Downloading_jQuery#Download_jQuery <script type="text/javascript" src="jquery.js"></script>   文档加载完后执行ready方法： <script

引入核心库 ： 下载地址：http://docs.jquery.com/Downloading_jQuery#Download_jQuery <script type="text/javascript" src="jquery.js"></script>   文档加载完后执行ready方法： <script

引入核心库 ： 下载地址：http://docs.jquery.com/Downloading_jQuery#Download_jQuery <script type="text/javascript" src="jquery.js"></script>   文档加载完后执行ready方法： <script

 JQuery插件cookie： 什么是cookie：Cookie就是保存在浏览器上的内容，用户在这次浏览页面的时候向Cookie中保存文本内容，下次再访问页面的时候就可以取出来上次保存的内容，这样就可以得到上次“记忆”的内容。Cookie不是JQuery特有的概念，只不过JQueryCookie把它简化的更好用而已。Cookie就是存储在浏览器里的一些数据。Cookie需要浏览器的支持，浏览器的

 show()、hide()方法会显示、隐藏元素。 $(function(){ $("#div1").click(function(){$(this).hide();}); }); 我们的祖国像太阳像太阳啊像太阳我们的祖国像太阳像太阳啊像 太阳我们的祖国像太阳像太阳啊像太阳我们的祖国像太阳像太阳啊像太阳我们的祖 我们的祖国像太阳像太阳啊像太阳我们的祖国像太阳像太阳啊像太阳国像太阳像

（1）：获得发生事件时鼠标的位置$(document).mousemove(function(e){ document.title=e.pageX+","+e.pageY; });（2）：在mousemove、click等事件的匿名响应函数中如果指定一个参数e，那么就可以从e读取发生事件时的一些信息，比如对mousemove等鼠标事件来说，就可以读取e.pageX、e.pageY来获得发生事件时鼠

常用事件：（1）：JQuery中的事件绑定：$("#btn").bind("click",function(){})，这是click内部做的工作，每次都这么调用太麻烦，平时不这么用，所以jQuery可以用$("#btn").click(function(){})来进行简化。（2）：合成事件：hover()函数。【知道就行，这种方法可读性不好，自己写的时候不用这样变态】语法：hover(enterf

（1）获取样式 attr("class")（2）设置样式attr("class","myclass")（3）追加样式addClass("myclass")(不影响其他样式)（4）移除样式removeClass("myclass")（5）切换样式（如果存在样式则去掉样式，如果没有样式则添加样式）toggleClass("myclass")（6）判断是否存在样式：hasClass("myclass")

案例1：加法计算器 $(function(){ $("#eq").click(function(){ varnum1=$("#num1").val(); varnum2=$("#num2").val(); varnum3=parseInt(num1,10)+parseInt(num2,10); $("#num3").val(num3); }); }); + 案例2：注册页面倒计时

回顾前几节笔记中JQuery的Dom操作：1、使用html()方法读取或者设置元素的innerHTML：alert($("a:first").html()); $("a:first").html("hello");2、使用text()方法读取或者设置元素的innerText：alert($("a:first").text()); $("a:first").text("hello");3、使用att

each有两种调用方式：（1）：$.each(array,fn)：对数组arry每个元素调用fn函数进行处理，没有返回值（2）：如下案例中：names.each(function(key,value){arr[key]=$(value).val();}); jQuery的元素也可以调用each方法，（元素.each（function））只是对$.each的简化调用。案例：显示选中的复选框信息

除了前面的选择器外，JQuery还有过滤选择器。基本过滤选择器：（1）:first 选取第一个元素。 $("div:first")选取第一个（2）:last 选取最后一个元素。 $("div:last")选取最后一个（3） :not(选择器) 选取不满足“选择器”条件的元素：$("input:not(.myClass)")选取样式名不是myClass的（4） :even、:odd，选取索引是奇数、

（1）：next()方法用于获取这个节点之后的挨着的第一个同辈元素 $(function(){ $("div").click(function(){alert($(this).next().text());}); }); aa bb cc dd （2）：nextAll()方法用于获取节点之后的所有同辈元素                  $(function(){       

 Dom选择器就是getElementById，getElementByName函数。JQuery选择器和Dom选择器一样，用于查找满足条件的元素。 $("#控件Id")来根据控件id获得控件的jQuery对象，相当于getElementById $("#div1").html("hello") $("TagName")来获取所有指定标签名的jQuery对象，相当于getElementsByTag

 jQuery对象：就是通过jQuery包装Dom对象后产生的对象。 Dom对象要想通过jQuery进行操作，先要转换为JQuery对象。将Dom对象转换为JQuery对象的方法：用$函数转换，$(dom对象)。 $('#div1').html()等价于：document.getElementById("div1").innerHTML;如： $(function(){alert($("#

 $.map(array,fn)：对数组array中每个元素调用fn函数逐个进行处理，fn函数将处理返回，最后得到一个新的array。例子，得到一个元素值是原数组值二倍的新数组 vararr=[3,5,6]; vararr2=$.map(arr,function(item){returnitem*2;}); alert(arr2);      $.each(array,fn)：对

在JQuary库中，$就是JQuary的简写形式，如$.ajax和JQuary.ajax是等价的。$(document)：将document对象通过$转化为JQuery对象，然后调用ready方法（和Dom中的onload相似）注册一个事件 $(document).ready(function(){alert("加载完毕");});//注册事件的函数，和普通的dom不一样，不需要在元素上标

一： $('input[sourceflag="1"]').each(function(i){//jQuery1.4以下版本input[@sourceflag="1"] if($(this).attr("checked")==false){//不能使$(this).attr("checked")=='false'