Jquery使用

jquery简介

• 服务端和客户端有三种方式传递数据
  
  • HTML(无需与其它应用程序共享数据的情况下）
  • XML(需与其它应用程序共享数据，尤其是在不同的系统中，平台中，同时内容较多的情况下)
  • JSON(需与其它应用程序共享数据，同时内容不多的情况下）

• jQuery开发步骤：

  • 通过<script/>导入jquery的js类库
  • 使用$(“#id”)，通过id来定位html元素
  • 通过val()和html()分别取得html元素的值
    val()和html()是能由jQuery对象调用，不能由dom对象调用
    val()—value属性 html()—innerHMTL属性

• jQuery 对象就是包装DOM对象后产生的对象。如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法:
  虽然jQuery对象是包装DOM对象后产生的，但是jQuery对象无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
  约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $

jquery与dom对象转换

加载模式

• window.οnlοad=function(){………..} //javascript等待加载（页面加载完成（图片），才执行。），只会执行一次，前面都会被覆盖掉。
• $(document).ready(function(){…….})//jquery等待加载(只需dom加载完毕即可)，执行多次。可简写为$(function(){......})
• 多个库之间的冲突
  
  • 例如jQuery库引入在base库之前。那$所有权属于base库
  • 解决方案。jQuery不用$,用jquery(‘#div’)或者定义一个变量var $$=jquery,就可以引用啦$$(‘#div’),
  • 如果jQuery库引入在base库之后，jquery有个方法jquery.noConfict();把自己的$所有权删除，在利用变量来定义即可
    无论第三方库在jquery之前或者之后，都有办法解决
• 注意：通过js来操作css属性时，格式有些变化，比如style=”background-color:red”,在js中写的事时候应该是$(“#hello”).css.backgroundColor=”red”;

API

jquery的同一个方法既有设置值的作用，也有获取值的作用。

• $(“a”).css(“color”,”red”)；//设置a标签的css样式
• $(“#hello”).css(“color”,”red”)；//设置id为hello的标签的css样式。
• $(“#hello”).css(“color”)；//获取id为hello的标签的css样式中的color属性值。
• $(“#hello”).length//获取id为hello的对象的个数。
• $(“#hello”).html()//获取id为hello的标签里面的内容（所有内容，既是是标签也一同返回 相当于innerHTML）
• $(“#hello”).text()//仅仅返回标签里面的内容（相当于innerTEXT）

选择器

基本选择器

层次选择器

过滤选择器

• 基本过滤选择器
  
  
• 内容过滤
  
• 可见性过滤
  
  
• 属性过滤
  
• 子元素过滤
  
• 表单对象属性过滤
  

表单选择器

常见dom操作

• 创建元素
  
  
  
  
  
• 克隆
  
  
• 包裹
  将b标签包裹在wrap内容中
  
  
  
  

json

• 对象转变为Gson
  
• ajax提交