1 jQuery是一个javascript函数库，报以下特性

HTML元素选取 HTML元素操作 CSS操作

HtmL事件函数 javascript特效和动画 HtML dom遍历和修改

Ajax utilities

2 添加jQuery库

或者直接引用

使用 Google 的 CDN

使用 Microsoft 的 CDN

使用语法 jQuery 元素选择器

$（this）.hide() 隐藏当前的HTML元素

$（"#test"）.hide() 隐藏 id="test"的元素

$（"p"）.hide(); 隐藏所有的

元素

$（".test"）.hide(); 隐藏所有class="test"的元素

$（"p.test"） 隐藏所有 class="test"的段落

JQuery属性选择器

$("[href]") 选取所有带有href属性的元素

$("[href='#']") 选取所有带有href='#'的元素

$("[href！='#']") 选取所有带有href！='#'的元素

$("[href$='jsp']") 选取所有带有href值以'jsp'结尾的元素

jQuerycss选择器

$("p").css("background-color"."red");

其他的选择器

$(this) 当前html元素

$("ul li:first") 每个

的第一个
• 元素

  $("div#intro .head") id="intro" 的

  元素中的所有 class="head" 的元素

  文档就绪函数

  $（document）.ready(function(){}); 这是为了防止文档在完全加载之前运行jQuery代码

  var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号

  Jquery效果

  通过hide（）和show() 两个函数，jQuery支持对HTML元素的隐藏与显示

  $("#hide").click(function(){

  $("p").hide();

  });

  $("#show").click(function(){

  $("p").show();

  });

  该元素有两个参数 speed ,callback

  Speed 规定显示和隐藏的速度 可以设置

  Slow fast normal

  Callback 在hide或show函数完成之后被执行的函数名称

  jQuery 切换

  Toggle(speed ,callback)用来切换HTML元素的可见状态

  JQuery滑动函数-slideDown,slideUp,slideToggle

  这些函数必须和css连在一起用 比如

  123

  点击

  Div .panel{ Display:none;

  }

  $(".flip").click(function(){

  $(".panel").slideDown('slow");

  });

  JQuery Fade函数 fadeIn() fadeOut() fadeTo（）

  前者 淡入 后两者淡出

  jQuery自定义动画

  $().animate({left:"100px"},)

  Callback使用方法：

  $("p").hide(1000,function(){

  Alert("The paragraph is now hidden");

  });

  JQuery 操作Html

  $().html() 相当于 调用innerHTML

  $("p").html("W3School");

  $().append(content) 想所匹配的html内部追加内容，不空行放

  After() 空行放到后面

  Before 空行放到前面

  $().css(name,value)

  $().css({properties})

  $().css(name)

  jQuery 设置尺寸

  $().height(value)

  $().width(value)

  JQuery操作Ajax

  $().load('/query.test1.txt'，[data,callback])导入文本

  $.get(url,data,callback,type)

  $.post(url,data,callback,type)

  $.getJSON(url,data,callback)

  $.getScript(url,callback);

  补漏：

  ：last 该元素的最后一个

  :even 该元素的偶数个

  ：odd 该元素的奇数个

  Ul li:eq(index) ul 的第index个li

  Ul li:gt(index) ul 的第index三个以后所有的li :Lt(idnex)

  input :not(:empty) 所有不为空的input元素

  $(":header") 所有标题元素

  --

  $("：animated") 所有动画元素

  $(":contains(''W3School)") 包含指定字符串的所有元素

  $(":hidden")所有隐藏的元素

  $(":text") 所有type="text"的input元素

  $(":password") 所有type="password"

  $(":radio") $(":checkbox") $(":submit") $(":reset")

  $(":button") $(":image") $(":file")

  $(":enabled") $(":disabled") $(":selected")

  $(":checked")

  jQuery 能做的事情：

  取得页面中的元素

  修改页面的外观

  改变页面的内容

  响应用户的页面操作

  为页面增加动态效果

  无须刷新页面即可获得信息

  采取的策略：

  利用Css的优势

  支持扩展 采用插件形式 抽象浏览器不一致性

  总是面向集合

  将多重操作集于一行

  3具体实例

  .addClass("emphasized") 其中emphasiezd是css样式表中的 类选择器 与此相反的是 removeclass();

  该函数 必须满足 $('类选择器').addClass('类选择器名（即不需要前面的那个点）')

  4$() 能够消除使用for循环访问一组元素的需求

  5 $('#a >li') 等价于查找ID为selected-plays的元素的子元素中所有的列表项

  自定义选择符就是采用上面的addClass 通过和css联合一起使用来改变显示效果

  $('tr:odd').addClass('odd'); 等价于$('tr').filter('odd').addClass('odd');

  $('tr:even').addClass('even');

  $('tr:contains("2")').addClass('high');

  Dom操作

  Parent ()取一个普通的父元素，即最靠近的一个父元素

  Next()取最接近的下一个同辈元素

  取得包含henry的单元格，然后取得该单元格的所有同辈元素 $('td:contains("henry")').siblings().addClass(); 取得包含henry的单元格，再取得他的父元素，然后找到该元素中包含的所有编号大于0的单元格

  $('td:contains("henry")').parent().find('td:gt(0)').addClass();

  取得包含Henry的单元格，再取得他的父元素，找到该元素中包含的所有单元格，然后过滤这些单元格排除包含henry的那个

  $('td:contains("henry")').parent().find('td').not(':contains("henry")').addClass();

  使用如下方法可以获得指定的元素

  var myTag=$('th').get(0).tagName;

  alert(myTag);

  如果ID中包括了时间或冒号必须要使用转义字符\\

  比如 myID.div[1] --》myID\\.div\\[1\\]

  对于类选择器 如果一个元素还有多个类，必须都匹配才行 比如 class="myclass" class="myclass,otherclass"

  匹配第二个时必须是 $(myclass,otherclass) 如果是${myclass} 则两个都匹配

  如果要匹配多个 类选择器，使用逗号隔开

  选择器>直接子元素