jQuery使用总结 - Core jQuery 其他 4/4

Core jQuery使用中其要注意的一些知识点

Events

$('img').bind('click',function(event){alert('Hi there!');});

 

      $(function(){

        $('#example')

          .bind('click',function(event) {

          say('BOOM once!');

          })

          .bind('click',function(event) {

            say('BOOM twice!');

          })

          .bind('click',function(event) {

            say('BOOM three times!');

          });

      });

 

$('.whatever').bind({

  click: function(event) { /* handle clicks */ },

  mouseenter: function(event) { /* handle mouseenters */ },

  mouseleave: function(event) { /* handle mouseleaves */ }

});

 

注意.live的使用

 

在“jQuery 1.4.1 Cheat Sheet.chm”事件节有例子

Effect

处理元素的显示效果

有 基本显示、滑动、淡入淡出、字定义

在“jQuery 1.4.1 Cheat Sheet.chm”说明

Utility Functions

函数名都是jQuery. 即$. 开头

有以下类别:浏览器及特性检测、数组和对象操作、函数操作、测试操作、字符串操作、URL

在“jQuery 1.4.1 Cheat Sheet.chm”工具节

 

$.browser.version

$.merge( [0,1,2], [2,3,4] )

$.isArray([])

$.trim("  hello, how are you?  ");

 

var params = { width:1680, height:1050 };

var str = jQuery.param(params);

$("#results").text(str);

AJAX

$.ajax({

   type: "POST",

   url: "some.php",

   data: "name=John&location=Boston",

   success: function(msg){

     alert( "Data Saved: " + msg );

   }

});

 

var html = $.ajax({

  url: "some.php",

  async: false

 }).responseText

 

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

 

关于jquery使用的其他3个内容点参考:

http://www.cnblogs.com/2018/archive/2010/10/12/1849238.html

http://www.cnblogs.com/2018/archive/2010/10/13/1849981.html

http://www.cnblogs.com/2018/archive/2010/10/13/1849982.html

 

posted @   2012  阅读(608)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示