本文实例讲述了jQuery中position()方法用法。分享给大家供大家参考。具体分析如下: 此方法获取匹配元素相对某些元素的偏移量。 返回的对象包含两个整型属性(top和left)的对象。 此方法只对可见元素有效。 语法结构: 代码如下:$(selector).position() 在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很多教程都说方法返回的偏移量是相对于父元素,其实并非完全如此,此方法会将匹配元素以绝对定位方式处理,当然并不...
本文实例讲述了jQuery中scrollLeft()方法用法。分享给大家供大家参考。具体分析如下: 此方法获取或设置匹配元素相对滚动条左侧的偏移(offset)量。 语法结构一: 当scrollLeft()方法没有参数的时候就是获取匹配元素相对滚动条左侧的偏移量。代码如下:$(selector).scrollLeft() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</tit...
本文实例讲述了jQuery中scrollTop()方法用法。分享给大家供大家参考。具体分析如下: 此方法返回或设置匹配元素的滚动条的垂直偏移量。 语法结构一: 当scrollTop()方法不带有参数的时候是返回匹配元素相对滚动条顶部的偏移量。代码如下:$(selector).scrollTop() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>scrollTop()函数-脚本之家</...
本文实例讲述了jQuery中outerHeight()方法用法。分享给大家供大家参考。具体分析如下: 此方法获取第一个匹配元素外部高度。 默认情况下外部高度是高度(height)、内补白(padding)和边框(border)之和。 如果参数设置为true的话,外补白(margin)尺寸也会算入外部宽度。 此方法对可见和隐藏元素均有效。 可以与outerWidth()方法结合学习。 语法结构:代码如下:$(selector).outerHeight(options) 参数列表: 参数描述options定义是否把外...
本文实例讲述了jQuery中innerWidth()方法用法。分享给大家供大家参考。具体分析如下: 获取第一个匹配元素内部区域宽度。 包括内补白(padding)、不包括边框border)。也就是说内部区域的宽度等于padding和border之和。 此方法对可见和隐藏元素均有效。 可以结合innerHeight()方法学习。 语法结构:代码如下:$(selector).innerWidth() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" ...
本文实例讲述了jQuery使用之设置元素样式用法。分享给大家供大家参考。具体分析如下: css是页面不能分隔的部分,jQuery中也提供了一些css相关的实用的办法。前面文章中有使用过 addClass()为元素添加css样式风格。这里主要介绍jQuery如何设置页面的样式风格。包括添加、删除、动态切换等。 1. 添加、删除css类别。代码如下:$(function() { //同时添加多个CSS类别 $("img").addClass("css1 css2"); }); 如以上代码对img元素...
本文实例讲述了jQuery中outerWidth()方法用法。分享给大家供大家参考。具体分析如下: 此方法获取第一个匹配元素外部宽度。 默认情况下外部高度是宽度(width)、内补白(padding)和边框(border)之和。 如果参数设置为true的话,外补白(margin)尺寸也会算入外部宽度。 此方法对可见和隐藏元素均有效。 可以与outerHeight()方法结合学习。 语法结构:代码如下:$(selector).outerWidth(options) 参数列表:参数描述options定义是否把外补白...
本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下:代码如下:<html> <head> <title>jquery事件:preventDefault()方法的使用</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#myform").submit(function(e){ if($("#search").val()==""){ alert("搜索内容不能为空"); e.preventDefault()...
本文实例讲述了jQuery中wrapAll()方法用法。分享给大家供大家参考。具体分析如下: 此方法将所有匹配的元素用单个元素包裹起来。 此方法与wrap()方法虽然功能类似,但是有着很大区别。wrap()方法会把每一个匹配的元素都匹配一次。 语法一: 用指定的DOM元素去包裹匹配元素。代码如下:$(selector).wrapAll(elem) 参数列表:参数描述elem用于包裹目标的DOM元素。 实例:代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
本文实例讲述了jquery中show()、hide()和toggle()用法。分享给大家供大家参考。具体分析如下: 这里介绍了jquery效果:show()方法、hide()方法和toggle()方法 现实应用场景:QQ面板里我的好友分组代码如下:<html> <head> <title>jquery效果:show()方法、hide()方法和toggle()方法</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $...
本文实例讲述了javascript引用赋值(地址传值)用法。分享给大家供大家参考。具体如下: javascript在默认情况下,数组、对象和函数是引用赋值,如下代码所示:代码如下:<html> <head> <script type="text/javascript"> var a={age:20,height:175}; var b = a; alert(b.age); b.age = 25; alert(a.age); </script> </head> <body> </body> </html> 结果分别为 20和25 希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了jquery中one()方法的用法。分享给大家供大家参考。具体分析如下: jQuery中的one()方法:表示只执行一次,代码如下:代码如下:<html> <head> <title>jquery事件:one()方法的使用</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p, h1, h2").one("click",function(){ $(this).animate({fontSize:"+=3px"}); })...
本文实例讲述了DOM节点的替换或修改函数replaceChild()用法。分享给大家供大家参考。具体分析如下: DOM节点的替换过程: (1)创建新的节点; (2)找到旧的节点; (3)站在父节点的角度,使用replaceChild(新,旧)函数来替换。代码如下:<html> <head> <script type="text/javascript"> function t(){ //思路:1.首先找到要替换的节点;2. 创建一个新的节点;3.找到父节点,在父节点的角度调用replaceChild(新,旧)方法 var newl...
本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下: 实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window代码如下:<script type="text/javascript"> function t(){ alert(this);//这里this表示window对象。 } t(); </script> 实例2:第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中onclick为p元素对象的属性代码如下:<html> <head> <script type="text/javascript"> fu...
本文实例讲述了DOM节点删除函数removeChild()用法。分享给大家供大家参考。具体分析如下: DOM删除一个节点,必须要站在父节点的高度去删除,代码如下:代码如下:<html> <head> <script type="text/javascript"> function t(){ //思路:1.首先找到要删除的节点;2. 找到它的父节点,在父节点的角度删除子节点 var nodeul = document.getElementsByTagName(ul)[0];//找到父节点 var li_lan = nodeul.children[2];//找到要删除的子...