本文实例讲述了jQuery使用之标记元素属性用法。分享给大家供大家参考。具体分析如下： 这里介绍jQuery的使用主要包括jQuery如何控制页面，包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等。 标记元素的属性 html中每一个标记都具有一些属性，他们这个标记在页面中呈现各种状态，例如下面的<a>标记代码如下:<a herf="http://www.baidu.com" title="isaac" target="_blank" id="linkisaac"> 该标记<a>表示标记的名称，为...
本文实例讲述了jQuery应用之jQuery链用法。分享给大家供大家参考。具体分析如下： 很多时候我们可以将jQuery语句链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。先看如下代码：代码如下:<script type="text/javascript"> $(function() { $("div").addClass("css1").filter(function(index) { return index == 1 || $(this).attr("id") == "fourth"; }).addClass("css2"); }); </script> 以上...
本文实例讲述了jQuery中replaceAll()方法用法。分享给大家供大家参考。具体分析如下： 此方法用匹配元素去替换指定的内容。 replaceAll()方法的作用和replaceWith()方法是完全一样的。 语法结构:代码如下:$(content).replaceAll(selector) 参数列表:参数描述content用于替换的内容。selector用于查找所要被替换的元素 实例实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//w...
本文实例讲述了jQuery中empty()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够将匹配元素中的所有内容移除，包括所有文本和子节点。 语法结构: 代码如下:$(selector).empty() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> div{ height:200px; width:200px; border:1px sol...
本文实例讲述了jQuery中clone()方法用法。分享给大家供大家参考。具体分析如下： 此方法克隆匹配的DOM元素并且选中这些克隆的副本以及其所有的事件处理。 语法结构:代码如下:$(selector).clone(Events，deepEvents) 参数列表:参数描述Events可选。布尔值，用来规定事件处理函数是否被复制。默认为false。true-复制元素的所有事件处理。false-不复制元素的事件处理。deepEvents可选。布尔值，用来规定是否对事件处理程序和克隆的元素...
本文实例讲述了jQuery中innerHeight()方法用法。分享给大家供大家参考。具体分析如下： 获取第一个匹配元素内部区域高度。 包括内补白(padding)、不包括边框border)。 也就是说内部区域的宽度等于width和padding之和。 此方法对可见和隐藏元素均有效。 可以结合innerWidth()方法学习。 语法结构:代码如下:$(selector).innerHeight() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"...
本文实例讲述了jQuery中offset()方法用法。分享给大家供大家参考。具体分析如下： 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一:代码如下:$(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <t...
本文实例讲述了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()...