`

jquery一些使用技巧

 
阅读更多

1.jquery描点平滑定位

 

// 定义将要去的描点位置

var pos = $("#limit_top").offset().top;

// 实现平滑移动 1000代表时间ms

$("html,body").animate({scrollTop: pos}, 1000);

ps:有人问怎么用?

在js里面写入上面的语句就好了。(需要用到jquery框架,懂得人都明白吧。)

第一句就是定义将要跳到的地方,#limit_top 你要跳到的描点位置标识,只要改这个就好

第二句就是定义跳的过程的时间,1000 是指1秒钟。

 

2.ajax向后台发json格式的请求数据

$(function(){
	$('button').click(function(){
		var jsonObj = {
				name: "通知列表",
				description: "本文描述",
				terminals: [{type: "EMail", content: "qq@11.gh", verified: false}]
			};
		var jsonStr = JSON.stringify(jsonObj);
		
		$.ajax({
			url: '${pageContext.request.contextPath}/notification-lists/new',
			type: 'POST',
			contentType: 'application/json;charset=UTF-8',
			dataType: 'json',
			data: jsonStr,
			success: function(data){
				console.info(data);
			}
		})
	});
});

 

3.获取最大的z-index

//获取页面最大z-index
function getMaxZindex(){
	var maxZ = Math.max.apply(null, $.map($('.window'), function (e, n) {
        if ($(e).css('position') == 'absolute')
            return parseInt($(e).css('z-index')) || 1;
        })
    );
    return maxZ;
}

 

 

分享到:
评论

相关推荐

    jquery使用技巧总结

    《jQuery使用技巧深度解析》 在Web开发领域,jQuery是一个广泛应用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本文将深入探讨jQuery的使用技巧,帮助开发者提升效率,更好地...

    jQuery常见开发技巧详细整理

    在jQuery的开发过程中,掌握一些常见技巧能显著提升开发效率和代码质量。下面是一些详细的jQuery开发技巧: 1. **引用页面元素**:jQuery通过`$()`选择器引用元素,支持ID、类名、元素类型以及层级关系和DOM或XPath...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    第一部分介绍jQuery核心库,从如何使用jQuery开始,演示一些基础API的使用、如何优化选取集以及如何与服务器通信等内容。第二部分介绍 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    jQuery技巧,比较经典的几种用法总结。

    本篇文章将深入探讨一些jQuery的经典技巧和用法。 首先,jQuery 提供了一种简洁的方式来引用页面上的元素。你可以通过ID、类、元素名称或DOM层级关系,甚至XPath条件来选择元素。例如,`$("#msg")`会选取ID为'msg'...

    jquery使用手册与技巧

    `jQuery技巧总结1.txt`和`jQuery技巧总结2.txt`这两份文档很可能是对jQuery进阶技巧的汇集,可能包括以下内容: 1. **性能优化**:讲解如何避免不必要的DOM遍历,使用$(element).data()存储和检索数据,以及在适当...

    软件工程师-经典收藏50个jQueryMobile开发技巧集萃.docx

    《软件工程师-经典收藏50个jQueryMobile开发技巧集萃》文档汇集了众多关于jQuery Mobile的实用技巧,这些技巧对于软件工程师来说是构建高效、跨平台的移动网站和应用的宝贵资源。jQuery Mobile是一个强大的框架,它...

    jQuery技巧总结.pdf

    ### jQuery技巧总结 #### 一、简介 ##### 1.1 概述 随着WEB2.0技术的兴起和AJAX思想的普及,各种优秀的JavaScript框架应运而生,其中包括Prototype、YUI、jQuery、MooTools、Bindows以及国内的JSVM框架等。这些...

    jquery性能优化高级技巧

    jquery性能优化高级技巧,下面主要从七个方面对jquery性能优化做介绍: 1.通过CDN(Content Delivery Network)引入jQuery库 2.减少DOM操作 3.适当使用原生JS 4.选择器优化 5.缓存jQuery对象 6.定义一个可以...

    使用JQuery的常用技巧(追加)

    本文将深入探讨使用jQuery的常用技巧,尤其是如何在MasterPages环境下有效地获取和操作ClientID。 首先,我们需要理解在ASP.NET中,当使用MasterPages时,服务器控件的ClientID会自动添加额外的前缀以确保唯一性。...

    jquery API 使用手册

    通过这些手册,开发者不仅可以学习到基本的jQuery使用,还可以深入了解jQuery的设计理念和高级技巧,提升网页开发效率和用户体验。同时,随着jQuery的不断更新,开发者也需关注最新版本的变化,以便更好地利用其新...

    jquery学习小技巧

    ### jQuery学习小技巧详解 #### 一、关于页面元素的引用 在网页开发过程中,能够高效地选择并操作页面上的元素是至关重要的。jQuery 提供了一种简洁且强大的方式来实现这一目标。通过 `$(selector)` 函数,我们...

    jQuery使用经验小技巧(推荐)

    以下是一些关于jQuery使用经验的小技巧,这些技巧可以帮助你编写更加高效、可维护的jQuery插件。 1. **使用闭包封装代码**: 将jQuery插件的代码放在立即执行的匿名函数(IIFE)中,如 `(function($) { ... })...

    jQuery常用经典技巧大放送

    ### jQuery常用经典技巧详解 #### 一、页面元素的引用 在使用jQuery的过程中,通过`$()`函数可以方便地...这些知识点涵盖了jQuery的基本使用方法、对象转换、集合处理等功能,旨在帮助读者快速掌握jQuery的核心技巧。

    jQuery Mobile十大常用技巧

    以下是对标题和描述中提到的jQuery Mobile十大常用技巧的详细解释: 1. **禁止截断列表和按钮内容**: 当jQuery Mobile中的列表项或按钮文本过长时,默认会自动截断。你可以通过添加CSS样式来阻止这种行为。例如,...

    jquery技巧总结

    **jQuery技巧总结** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的核心技巧,帮助开发者更高效地利用这一强大的工具。 ###...

    jQuery应用技巧大全

    jQuery应用技巧大全jQuery应用技巧大全

    JQ技巧jquery学习技巧

    本篇文章将深入探讨jQuery的学习技巧,包括元素引用、DOM对象与jQuery对象的转换、集合操作、以及常用的属性和事件处理。 1. **元素引用** 在jQuery中,通过`$()`函数我们可以方便地引用页面中的元素。例如,通过...

Global site tag (gtag.js) - Google Analytics