网上搜集的jq常用代码

1. 设置IE特有的功能:

   if ($.browser.msie) {

    //do something...

  }

2. 使用jQuery来代替一个元素:

  $(‘#thatdiv‘).replaceWith(‘fnuh‘);

3.从一个未排序的集合中找出某个元素的索引号:

  $("ul > li").click(function () {

    var index = $(this).prevAll().length;

  });

4.在创建元素时,使用对象字面量(literal)来定义属性:

  var e = $("", { href: "#", class: "a-class another-class", title: "..." });

5.使用jQuery来预加载图像:

jQuery.preloadImages = function () {
        for (var i = 0; i < arguments.length; i++) {
            $("<img />").attr(‘src‘, arguments[i]);
        }
    };

//用法 $.preloadImages(‘image1.gif‘, ‘/path/to/image2.png‘, ‘some/image3.jpg‘);

6.为任何与选择器相匹配的元素设置事件处理程序:

$("table").delegate("td", "hover", function () {
        $(this).toggleClass("hover");});

7.找到一个已经被选中的option元素:

  $(‘#someElement‘).find(‘option:selected‘);

8.隐藏一个包含了某个值文本的元素:

  $("p.value:contains(‘thetextvalue‘)").hide();

9.自动滚动到页面中的某区域:

  jQuery.fn.autoscroll = function (selector) {         $(‘html,body‘).animate( { scrollTop: $(this ).offset().top },500);}

  $(‘.area_name‘).autoscroll();

10.检测各种浏览器:

  if( $.browser.safari) //检测Safari

  if ($.browser.msie && $.browser.version > 6 ) //检测IE6及之后版本

  if ($.browser.msie && $.browser.version <= 6 ) //检测IE6及之前版

  if($.browser.mozilla && $.browser.version > ‘1.8‘)//检测Firefox2以及之后的版本

11.替换串中的词:

  var el = $(‘#id‘); el.html(el.html().replace(/word/ig, ‘‘));

12.禁用右键单击上下文菜单:

  $(document).bind(‘contextmenu‘, function (e) { 

return false ;

  });

13.检查某个元素是否存在:

  if ($(‘#someDiv‘ ).length) {

  //存在

  }

14.使用jQuery来检测右键和左键的鼠标单击两种情况:

  $("#someelement").live(‘click‘, function (e) {

  if ((!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1)) {
      alert("Left Mouse Button Clicked");
    } else if (e.button == 2) {
       alert("Right Mouse Button Clicked");
    }
 });
时间: 2024-10-10 18:22:45

网上搜集的jq常用代码的相关文章

JQ常用代码-(持续更新)

1.修改a标签的href链接和文字 原链接: <a href="http://www.zhuomeifilm.com" id="home_link">zhuomeifilm</a> 修改a标签的href链接: $('#home_link').attr('href','http://www.zhuomeifilm.com'); 修改文字: $("#home_link").text('卓美'); 2.添加一个或多个类 该方法不

网上搜集关于html中meta的作用

W3Cschool上是这样说明的: <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容.<meta> 标签的属性定义了与文档相关联的名称/值对. HTML 与 XHTML 之间的差异 在 HTML 中,<meta> 标签没有结束标签. 在 XHTML 中,<meta> 标签必须被正确地关闭. 提示和注释: 注释:<meta

常用代码整理(重要)

常用代码整理: 1.判断邮箱格式是否正确的代码: //利用正则表达式验证 -(BOOL)isValidateEmail:(NSString *)email { NSString *emailRegex = @"[A-Z0-9a-z._%+-][email protected][A-Za-z0-9.-]+\\.[A-Za-z]{2,4}"; NSPredicate *emailTest = [NSPredicate predicateWithFormat:@"SELF MATC

HTML入门常用代码

Html 常用代码1.文件类型<HTML></HTML> (放在档案的开头与结尾)2.文件主题<TITLE></TITLE> (必须放在「文头」区块内)3.文头<HEAD></HEAD> (描述性资料,像是「主题」)4.文体<BODY></BODY> (文件本体)5.层<DIV></DIV> 6.层的对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY>

SqlServerDBA 常用代码

--查看partition的四个视图 select * from sys.partition_functions--查看分区函数 select * from sys.partition_parameters select * from sys.partition_range_values--查看分区函数对应的分区范围 select * from sys.partition_schemes--查看分区架构 SqlServerDBA 常用代码,布布扣,bubuko.com

ASP.NET MVC+EF5 开发常用代码

Asp.Net Mvc,EF 技术常用点总结 1.Asp.Net MVC a)获得当前控制器名和当前操作的名称(action) 1.Action 中 RouteData.Values["controller"].ToString(); RouteData.Values["action"].ToString(); 2.页面中(view) ViewContext.RouteData.Values["controller"].ToString().To

js常用代码大全

Javascript常用代码大全 //打开模式对话框 <body><script language=javascript> function doSelectUser(txtId){ strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; var url,strReturn; url="selUser.a

Php mysql 常用代码、CURD操作以及简单查询

C/S:Client ServerB/S:Brower Server php主要实现B/S LAMP :Linux系统    A阿帕奇服务器    Mysql数据库   Php语言 mysql常用代码 创建表 1 create table CeShi1 2 ( 3 Uid varchar(50) primary key, 4 Pwd varchar(50), 5 Name varchar(50), 6 Nation varchar(50), 7 foreign key(Nation) refer

一些常用代码

1.地图大于屏幕大小,对camera进行控制,并不是简单地让player一直限制在屏幕中心,而是将player限制在屏幕中间的一个矩形区域内. 1 float rectangleWidth=GameVariables.WIDTH/3; 2 float rectangleHeight=GameVariables.HEIGHT/3; 3 float cameraX=stage.getCamera().position.x; 4 float cameraY=stage.getCamera().posi