七
29
2010
实用jquery代码片段集合[下]
发布者: seasun如何隐藏除了特定选择器下的全部对象
- $(‘#target div:not(#exclude)’).hide();
- //或者
- $(‘#target’).children().filter(‘:not(#exclude)’).hide();
filter()起到过滤的作用。
寻找带有指定字符串的元素
- var foundin = $(‘*:contains(” 明河”)’);
获取垂直滚动距离
- alert($(document).scrollTop());
scrollTop()非常实用的一个方法。
向表格追加一行数据
- $(‘#myTable tr:last’).after(‘<tr>…</tr>’);
超过一个属性时的过滤
- var elements = $(‘#someid input[type=sometype][value=somevalue]‘).get();
让cookies在X分钟后过期
- var date = new Date();
- date.setTime(date.getTime() + (x * 60 * 1000));
- $.cookie(‘example’, ‘foo’, { expires: date });
选择从第一个到第X个的元素
- //从第一个到第10个
- $(‘a’).slice(0,10);
- //或者
- $(‘a:lt(10)’);
获取客户端的IP
- $.getJSON(“http://jsonip.appspot.com?callback=?”,function(data){
- alert( “你的IP：” + data.ip);
- });
这是利用了jsonip.appspot.com提供的取IP服务。
解析XML数据源
- <?xml version=”1.0″ ?>
- <result>
- <item>
- <id>1</id>
- <title>title1</title>
- <description>desc1</description>
- </item>
- <item>
- <id>2</id>
- <title>title2</title>
- <description>desc2</description>
- </item>
- <!– … –>
- </result>
- $.get(‘file.xml’,{},function(data){
- $(‘item’,data).each(function(){
- var $this = $(this);
- var id = $this.find(‘id’).text();
- var title = $this.find(‘title’).text();
- var description = $this.find(‘description’).text();
- //do something …
- });
- });
获取在id中的数字
- <div id=”sites”>
- <a id=”site_1″ href=”http://siteA.com”>siteA</a>
- <a id=”site_2″ href=”http://siteB.com”>siteB</a>
- <a id=”site_3″ href=”http://siteB.com”>siteC</a>
- …
- </div>
- $(“#sites a”).click(function(){
- var $this = $(this);
- var nmb = $this.attr(‘id’).match(/site_(\d+)/)[1];
- …
- });
将类似12343778 转成 12.343.778的形式
- var delimiter = ‘.’;
- $(‘#result’).html()
- .toString()
- .replace(new RegExp(“(^\\d{“+($this.html().toString().length%3||-1)+”})(?=\\d{3})”),”$1″ + delimiter)
- .replace(/(\d{3})(?=\d)/g,”$1″ + delimiter);
这个正则值得收藏，颇为经典。
向firebug的控制面板发送消息
- jQuery.fn.log = function (msg) {
- console.log(“%s: %o”, msg, this);
- return this;
- };
- $(‘#some_div’).find(‘li.source > input:checkbox’).log(“sources to uncheck”).removeAttr(“checked”);
获取图片的宽高
- var img = $(‘#imageid’);
- var theImage = new Image();
- theImage.src = img.attr(“src”);
- alert(“Width: ” + theImage.width);
- alert(“Height: ” + theImage.height);
您可能会感兴趣的其他文章
- 分享
