`

jquery常用方法记录

    博客分类:
  • JS
阅读更多

jquery中判断对象是否可见的方法

if($("#id").is(":visible")){}

else{}

$("#id").is(":hidden")返回True/False

函数:.is()

语法:.is(selector)

检查当前选中的对象是否与给定的属性/参数匹配,如果匹配则返回True,否则返回False

语法:

1、.is(selector)

2、.is(functino(index))

3、.is(jquery object)

4、.is(element)

 

show()方法:设置元素可见

 

hidden()方法:设置元素不可见

 

toggle()方法:

切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
例如:$("p").toggle()  
 

二、substring,substr,split 方法

substring 方法
返回位于 String 对象中指定位置的子字符串。
strVariable.substring(start, end)
"String Literal".substring(start, end)
参数
start
指明子字符串的起始位置,该索引从 0 开始起算。
end
指明子字符串的结束位置,该索引从 0 开始起算。
说明
 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。
substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。
示例
下面的示例演示了 substring 方法的用法。
function SubstringDemo(){
   var ss;                         // 声明变量。
   var s = "The rain in Spain falls mainly in the plain..";
   ss = s.substring(12, 17);   // 取子字符串。
   return(ss);                     // 返回子字符串。
}

substr 方法
返回一个从指定位置开始的指定长度的子字符串。
stringvar.substr(start [, length ])
参数
stringvar
必选项。要提取子字符串的字符串文字或 String 对象。
start
必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length
可选项。在返回的子字符串中应包括的字符个数。
说明
如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。
示例
下面的示例演示了substr 方法的用法。
function SubstrDemo(){
   var s, ss;                // 声明变量。
   var s = "The rain in Spain falls mainly in the plain.";
   ss = s.substr(12, 5); // 获取子字符串。
   return(ss);               // 返回 "Spain"。
}

split 方法
将一个字符串分割为子字符串,然后将结果作为字符串数组返回。
stringObj.split([separator[, limit]])
参数
stringObj
必选项。要被分解的 String 对象或文字。该对象不会被 split 方法修改。
separator
可选项。字符串或 正则表达式 对象,它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项,返回包含整个字符串的单一元素数组。
limit
可选项。该值用来限制返回数组中的元素个数。
说明
split 方法的结果是一个字符串数组,在 stingObj 中每个出现 separator 的位置都要进行分解。separator 不作为任何数组元素的部分返回。
示例
下面的示例演示了 split 方法的用法。
function SplitDemo(){   var s, ss;
   var s = "The rain in Spain falls mainly in the plain.";
   // 在每个空格字符处进行分解。
   ss = s.split(" ");
   return(ss);
}

 

三、jQuery判断获得的对象是否存在的方法

 

因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象。

所以,以往的 js 判断是否存在在jQuery是行不通的。

假设有如下代码。

var target_obj = jQuery('#target_obj_id');

则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:

1、

    if (target_obj.length > 0) {  //如果大于0 标识 id 为target_obj_id的对象存在,否则不存在

     //对象存在的处理逻辑

    } else {

      //对象不存在的处理逻辑

   }

2、

  if (target_obj[0]) {

   //对象存在的处理逻辑

   } else {

   //对象不存在的处理逻辑

  }

 

分享到:
评论

相关推荐

    15个jquery常用案例源码

    这里我们探讨的"15个jquery常用案例源码"集合,提供了多种实用功能的示例代码,可以帮助开发者快速理解和应用jQuery在实际项目中的各种场景。 1. **百度搜索下拉代码**:这个案例模拟了百度搜索框的下拉提示功能,...

    jQuery常用效果 源码

    这个“jQuery常用效果 源码”压缩包显然提供了多种实用的jQuery功能示例,对于学习和应用jQuery非常有帮助。让我们详细探讨一下其中包含的知识点。 1. **jQuery库基础**: - jQuery的核心理念是"Write Less, Do ...

    jQuery常用插件之表单插件form使用笔记

    在JavaScript的世界里,jQuery是一个广泛使用的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将聚焦于jQuery中的一个特定插件——表单插件`form`,来探讨如何利用它来增强网页表单的功能和用户...

    jQuery文字记录搜索历史代码.zip

    在IT行业中,JavaScript库jQuery是前端开发者常用的工具之一,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本项目“jQuery文字记录搜索历史代码”利用jQuery结合HTML5的localStorage API,实现了用户在...

    jquery常用收集

    【jQuery 常用知识点】 jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果和Ajax交互。以下是一些 jQuery 的核心知识点: **1. jQuery 下载** jQuery 可在官方网站...

    jQuery实现动态添加、删除按钮及input输入框的方法

    在内容中还提到了一些重要的jQuery主题和资源链接,例如《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》等,这些资源可以作为读者深入了解和学习jQuery的扩展资料。 本篇文章提供的代码实例,以...

    JQuery 实现文件下载的常用方法分析

    这种方法简单直接,适用于不涉及敏感数据的场景,因为URL中的参数可能会在浏览器历史中被记录。 ```javascript window.location.href = '下载文件的URL'; ``` 通过将当前窗口的location.href属性设置为文件的URL...

    jquery问题记录总结

    My97DatePicker是一个国内常用的日期选择插件,因其简单易用而被推荐。在使用中,开发者可能需要根据项目需求进行相应的集成和配置。 2. **TinyMCE与Validation插件配合问题**: 当同时使用TinyMCE富文本编辑器和...

    jquery学习配套资料

    本压缩包提供了全面的jQuery学习资源,包括全版本的jQuery库、学习日志、常用插件及官方帮助文档,是初学者与进阶者不可或缺的学习资料。 ### jQuery基础 1. **DOM操作**:jQuery通过选择器选取DOM元素,如`$("#id...

    Eclipse 常用快捷键 jQuery Event

    5. **jQuery CSS方法**: - `.css('property', 'value')`:设置或获取元素的CSS样式属性。 - `.addClass('class')`/`.removeClass('class')`:添加或移除类名。 - `.toggleClass('class')`:根据条件切换类名。 ...

    最简单常用的jQuery右侧在线客服代码.zip

    这个在线客服代码可能利用了一些现成的jQuery插件,以实现如气泡提示、消息历史记录加载等功能,这些插件往往能节省开发时间和提高代码质量。 五、代码结构分析 在"index.html"中,我们通常会看到以下结构: 1. ...

    Jquery数据绑定分页源码

    在这个上下文中,"Jquery数据绑定"可能指的是利用jQuery与其他库(如Knockout.js或AngularJS)配合,或者使用jQuery自定义方法来创建双向数据绑定。 分页则是大型数据集展示时常用的一种优化手段,它将大量数据分割...

    jQuery学习记录----页面缓存和中文处理(三)

    在本篇jQuery学习记录中,我们将探讨两个关键的前端开发问题:页面缓存与中文处理。这两个主题在构建高效、用户友好的Web应用时都起着至关重要的作用。 首先,让我们深入了解页面缓存。在Web应用中,缓存是一种优化...

    超实用的jQuery代码段

    第9章 jQuery常用算法 9.1 jQuery遍历算法 9.2 jQuery祖先算法 9.3 jQuery后代算法 9.4 jQuery同胞算法 9.5 jQuery过滤算法 9.6 对一个列表进行排序 9.7 实现JSN对象数组的排序 9.8 将12343778转成12.343.778的形式 ...

    jquery 技巧记录

    **jQuery 技巧记录** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和Ajax交互。这篇博客主要聚焦于一些实用的 jQuery 技巧,帮助开发者提升效率并优化代码。 ### 1. 选择器的...

    门户网站jQuery相册代码相册图片切换代码下载

    3. 图片切换:jQuery的`.fadeIn()`和`.fadeOut()`方法用于实现图片的渐显和渐隐,常用于相册切换效果。配合`.delay()`方法可以设置动画间隔,使切换更自然。例如,先淡出当前图片,然后延迟一段时间再淡入下一张图片...

    基于jQuery的Ajax聊天室程序

    在本聊天室中,jQuery提供了方便的方法来操作DOM元素,监听用户输入,以及发起Ajax请求。 2. **Ajax**:Ajax的核心是创建XMLHttpRequest对象,用于与服务器进行异步通信。在聊天室中,当用户发送消息时,jQuery的$....

    jQuery Mobile源代码.zip

    在jQuery Mobile的组件库中,包含了各种常用的UI元素,如导航栏、滑块、表单等。源代码揭示了这些组件的内部结构和工作方式。比如,按钮的实现可能涉及到CSS样式、事件绑定和动画效果的结合;表单的验证和提交则可能...

    jquery-validation-1.19.1.zip

    jQuery-validation是Web开发中常用的客户端表单验证插件,其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了完整的源码、库文件、示例、测试用例以及相关文档,...

    基于Jquery实现的页面数据渲染框架

    具体更新内容需要查看相应的发布说明或代码变更记录。 总结来说,基于jQuery实现的页面数据渲染框架利用jQuery的便利性和模板引擎的灵活性,实现了动态、高效的页面更新。通过选择合适的模板库、优化DOM操作,以及...

Global site tag (gtag.js) - Google Analytics