Jquery

标签：

  jQuery


  jQuery是js的基础之上进行的封装。它不是一种语言 是框架

  更加的简洁、方便、小巧。支持IE8、7、6。2.14   支持IE9以上的版本

   jQuery--js      $()：转化为js

   js--jQuery      get()转化为jquery

 用于搜索的，通过元素的 id 属性中给定的值

     $("#myDiv");

一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

    <span class="myClass">span class="myClass"</span>

    $(".myClass");

匹配所有索引值为偶数的元素，从 0 开始计数

查找表格的1、3、5...行（即索引值0、2、4...）

HTML 代码:
 <table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>


jQuery 代码:
     $("tr:even")
查找表格的2、4、6行（即索引值1、3、5...）

HTML 代码:

<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery 代码:

    $("tr:odd")

举个例子：

$("#user")[0].onblur=function(){      //给元素绑定失去焦点事件
    if(!username($("#user").val())){  //$("#user").val()意思是id为user的元素的value值

        $("#usetext").css({"color":"red","font-size":"14px"});  //给元素加CSS样式：字体颜色、尺寸
        $("#usetext").html("长度6~20位，并且只能是字母或数字")   //设置元素的内容.html()等于.innerHTML
    }else{
        $("#usetext").html("")
    }
};

Jquery

标签：

原文地址：http://www.cnblogs.com/bellow/p/4695874.html