jQuery技术

程序员都会的35个jQuery小技巧(4)

字号+ 作者:H5之家 来源:H5之家 2015-11-14 14:35 我要评论( )

$(document).ready(function(){ window.setTimeout(function(){//dosomething},1000);}); 24.移除单词功能 Wanttoremoveacertainword(s)? ? $(document).ready(function(){ varel=$(#id);el.html(el.html().replace

$(document).ready(function() {
    window.setTimeout(function() {        // do something   }, 1000);});
24. 移除单词功能

Want to remove a certain word(s)?

$(document).ready(function() {
    var el = $('#id');   el.html(el.html().replace(/word/ig, ""));});
25. 验证元素是否存在于jquery对象集合中

Simply test with the .length property if the element exists.

$(document).ready(function() {
    if ($('#id').length) {     // do something  }});
26. 使整个DIV可点击

Want to make the complete div clickable?

$(document).ready(function() {
     $("div").click(function(){          //get the url from href attribute and launch the url      window.location=$(this).find("a").attr("href"); return false;    });// how to use<DIV><A href="index.html">home</A></DIV>});
27. ID与Class之间转换

当改变Window大小时,在ID与Class之间切换

$(document).ready(function() {
    function checkWindowSize() {       if ( $(window).width() > 1200 ) {        $('body').addClass('large');    }    else {        $('body').removeClass('large');    }   }$(window).resize(checkWindowSize);});
28. 克隆对象

Clone a div or an other element.

$(document).ready(function() {
    var cloned = $('#id').clone();// how to use<DIV id=id></DIV>});
29. 使元素居屏幕中间位置

Center an element in the center of your screen.

$(document).ready(function() {
   jQuery.fn.center = function () {        this.css("position","absolute");              this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");                    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");                          return this;  }  $("#id").center();});
30. 写自己的选择器

Write your own selectors.

$(document).ready(function() {
    $.extend($.expr[':'], {       moreThen1000px: function(a) {                  return $(a).width() > 1000;      }   });  $('.box:moreThen1000px').click(function() {        // creating a simple js alert box      alert('The element that you have clicked is over 1000 pixels wide');  });});
31. 统计元素个数

Count an element.

$(document).ready(function() {
    $("p").size();});
32. 使用自己的 Bullets

Want to use your own bullets instead of using the standard or images bullets?

$(document).ready(function() {
    $("ul").addClass("Replaced");   $("ul > li").prepend(" "); // how to use ul.Replaced { list-style : none; }});
33. 引用Google主机上的Jquery类库

Let Google host the jQuery script for you. This can be done in 2 ways.

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
s