jQuery 入门教程知识整理

  jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
 
  基础语法: $(selector)。action()
 
  美元符号定义 jQuery选择符(selector)“查询”和”查找” HTML 元素jQuery 的 action()执行对元素的操作
 
  jQuery 入口函数:
 
  jQuery 函数位于一个 document ready 函数中:
 
  这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
 
  关于 ” : ” 和 ” [] “这两个符号的理解
 
  ”:”可以理解为种类的意思,如:p:first,p 的种类为第一个。
 
  “[]” 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。
 
  $(document)。ready()
 
  $(document)。ready() 方法允许我们在文档完全加载完后执行函数。
 
  click()
 
  click() 方法是当按钮点击事件被触发时会调用一个函数。
 
  dblclick()
 
  当双击元素时,会发生 dblclick 事件。
 
  mouseenter()
 
  当鼠标指针穿过元素时,会发生 mouseenter 事件。
 
  mouseleave()
 
  当鼠标指针离开元素时,会发生 mouseleave 事件。
 
  mousedown()
 
  当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

 
 
  mouseup()
 
  当在元素上松开鼠标按钮时,会发生 mouseup 事件。
 
  focus()
 
  当元素获得焦点时,发生 focus 事件。
 
  blur()
 
  当元素失去焦点时,发生 blur 事件。
 
  hide() 和 show()
 
  jQuery toggle()
 
  通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
 
  $(selector)。toggle(speed,callback)
 
  可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。
 
  可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
 
  语法:
 
  $(selector)。animate({params},speed,callback)
 
  必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。
 
  下面的例子演示 animate() 方法的简单应用。它把元素往右边移动了 250 像素:
 
  获得内容 – text()、html() 以及 val()
 
  三个简单实用的用于 DOM 操作的 jQuery 方法:
 
  text() – 设置或返回所选元素的文本内容html() – 设置或返回所选元素的内容(包括 HTML 标记)val() -设置或返回表单字段的值
 
  获取属性 – attr()
 
  jQuery attr() 方法用于获取属性值。
 
  对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用 attr 方法。
 
  设置 CSS 属性:css(“propertyname”,“value”);
 
  设置多个 CSS 属性 : css({“propertyname”:“value”,“propertyname”:“value”,…});
 
  实例
 
  AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。
 
  jQuery load() 方法
 
  jQuery load() 方法是简单但强大的 AJAX 方法。
 
  load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
 
  语法:
 
  必需的 URL 参数规定您希望加载的 URL.可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。

 
 
  jQuery $.get() 方法
 
  $.get() 方法通过 HTTP GET 请求从服务器上请求数据。
 
  语法:
 
  必需的 URL 参数规定您希望请求的 URL.可选的 callback 参数是请求成功后所执行的函数名。
 
  jQuery $.post() 方法
 
  $.post() 方法通过 HTTP POST 请求向服务器提交数据。
 
  语法:
 
  必需的 URL 参数规定您希望请求的 URL.可选的 data 参数规定连同请求发送的数据。可选的 callback 参数是请求成功后所执行的函数名。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61596.shtml

张贴在2