`
linshihao
  • 浏览: 8201 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jq 常用函数

阅读更多
最近使用得比较多的jq函数 记一下

.addClass 函数用为当前对象所匹配的每一个元素添加指定的css 样式

.removeClass() 反之删除添加样式

.html() 获取集合中第一个匹配元素的HTML内容 设置每一个匹配元素的html内容。

对非表单元素不能用val() 进行赋值  如果需要赋值的话用text/html()进行赋值

.append() 在每个匹配的元素里面的末尾处插入参数内容

.attr() 获取匹配的元素集合中的第一个元素的属性的值。设置每一个匹配元素的一个或多个属性。

.children() 获得匹配元素集合中每个元素的子元素,选择器选择性筛选。

.empty() 从DOM节点中移除所有匹配元素的子节点



.find() 通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代。实例 返回 后代中所有的 元素:

var$count=$li.find('input[useCount]');
.first()  获取匹配元素集合的第一元素  .last()与之相反  .next

.parent()匹配当前元素的父元素  .siblings() 获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。。

.hasClass() 确定任何一个匹配元素是否有被分配给定的(样式)类

实例:

$dlgChose.find('li').click(function() {

if(!$(this).hasClass('text')) {

$(this).addClass('checked').siblings().removeClass('checked');

}

.hide() 隐藏匹配的元素    对应 .show();

.serialize()  将用作提交的表单元素的值编译成字符串。

.val 获取匹配的元素集合中第一个元素的当前值。设置匹配的元素集合中每个元素的值。

.each()方法为每个匹配元素规定要运行的函数。提示:返回 false 可用于及早停止循环。

$('.qdnrWrap .ctrlWrap a').each(function() {

if($(this).text() ==text) {

$(this).removeClass('active');

return false;

} } );



分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    JQ常用知识点梳理

    JQ常用知识点梳理

    JQ 一些常用的方法

    本篇文章将详细探讨JQ的一些常用方法,帮助开发者更好地理解和运用这个强大的工具。 一、选择器 jQuery的选择器是其核心功能之一,它们基于CSS选择器,使得选取DOM元素变得简单。例如: 1. `$("#id")`:通过ID选取...

    MATLAB命令以及常用函数大全二JQ-新建 WPS文字 文档.pdf

    MATLAB命令以及常用函数大全二JQ-新建 WPS文字 文档.pdf replyreload = ',' 6430;MATLAB命令以及常用函数大全二 J----Q游客,如果您要查看本帖隐藏内容请回复

    jquery刷新页面和JS常用的函数

    ### jQuery 刷新页面与 JavaScript 常用函数详解 #### 一、jQuery 刷新页面方法 在实际开发中,有时我们需要通过脚本来控制页面的刷新。对于这种情况,jQuery 提供了简便的方式来完成这一操作。 **刷新当前页面:...

    JQ 常用的jQuery方法

    })` 页面加载完成后执行的函数。 **动画效果** jQuery的动画功能强大,包括: 1. `$(selector).fadeIn(duration)` 淡入效果。 2. `$(selector).fadeOut(duration)` 淡出效果。 3. `$(selector).slideToggle...

    java中常用的JQ+JS资源.zip

    "java中常用的JQ+JS资源.zip" 这个压缩包集合了一些常用的jQuery和JavaScript的实战案例,这对于Java开发者理解前端技术,尤其是进行前后端交互时非常有帮助。以下是这些资源涉及的一些关键知识点: 1. **jQuery库*...

    jq常用方法

    ### jq(jQuery)常用方法详解 #### 一、选择元素 **1.1 基本选择器** - `$("标签")`: 选取所有指定标签的元素。 - `$("#id")`: 通过ID选择单个元素。 - `$(".class")`: 通过类名选择元素。 - `$("标签,#id,....

    网页中JS函数自动执行常用三种方法_.docx

    网页中 JS 函数自动执行常用三种方法 在网页开发中,自动执行 JS 函数是一种常见的需求,例如在页面加载完成后执行某些操作。今天,我们将介绍网页中 JS 函数自动执行常用三种方法。 JS 方法 在 HTML 中,我们...

    jQ表单万能验证插件 vf-validate.js

    用 "|" 进行分割],支持:empty(为空验证),reg(正则匹配),func(函数调用),item(元素值比较,例如:item:#pwd 或 item:.pwd),length(长度验证,例 length:10 或 length:10-100)以及其他常用类型:...

    JQ封装弹窗练习

    在IT行业中,JavaScript是一种常用的前端编程语言,广泛用于网页交互和动态效果的实现。而jQuery(简称JQ)是JavaScript的一个库,它简化了DOM操作、事件处理、动画设计等任务,使得JavaScript编程更加便捷。在本...

    锐利的jq代码

    `fadeIn()`, `fadeOut()`, `slideToggle()`等预定义动画也是常用的功能。 5. **Ajax交互**:jQuery的`$.ajax()`方法封装了异步数据请求,支持JSON、XML等多种数据格式。`$.get()`和`$.post()`则是更简单的GET和POST...

    JQ8X00例程STM32F1_HAL库版本.zip

    1. `keilkilll.bat`:这通常是一个批处理文件,用于启动或配置Keil μVision IDE,这是一个常用的STM32开发环境。 2. `Example.ioc`:可能是工程配置文件,用于记录工程设置,如芯片选择、引脚分配等。 3. `....

    JS+JQ随机抽奖代码

    在IT行业中,JavaScript(简称JS)和jQuery(简称JQ)是前端开发中常用的两种库和语言,它们在创建交互式网页应用时发挥着至关重要的作用。本项目名为"JS+JQ随机抽奖代码",它提供了一种利用这两种技术实现随机抽奖...

    jQ多种相册切换效果.zip

    2. **事件绑定**:jQuery中的事件绑定函数,如.click()、.hover()等,用于响应用户的点击、鼠标悬停等行为。 3. **DOM操作**:通过jQuery修改元素的样式、内容或属性,如.css()、.html()、.attr()等,实现相册图片...

    jq表单验证大全.rar jq表单验证大全.rar

    《jq表单验证大全》是针对使用jQuery库进行前端表单验证的一份综合资源集合,主要涵盖各种常见的表单验证场景和解决方案。jQuery,作为一款轻量级的JavaScript库,因其简洁的API和强大的功能而广受欢迎,尤其在处理...

    jquery常用函数与方法汇总

    《jQuery常用函数与方法详解》 jQuery作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。本文将汇总并详细解析jQuery中的部分重要函数与方法,以帮助开发者更好地理解和运用这些功能。 1. `...

    JQ 页面上下左右居中的插件

    `$(document).ready()`是一个常用函数,确保DOM加载完成后再执行里面的代码。 对于页面居中,有多种方法可以实现。一种常见的方式是使用CSS的`margin: auto`。但这种方法只适用于元素的水平居中,如果需要同时实现...

    转载-模版王可修改的FLASH+JQ特效,很炫

    【标题】"转载-模版王可修改的FLASH+JQ特效,很炫"涉及到的是在网站设计中常用的两种技术:Flash和jQuery(简称JQ),它们被用于创建吸引人的动态效果和交互式用户体验。 Flash是一款由Adobe公司开发的多媒体创作...

    jq 图片异步上传预览 异步分页

    在上传过程中,可以使用$.ajax的beforeSend、success、error等回调函数进行状态跟踪和错误处理。 “Ajax”技术在异步上传中扮演关键角色。它允许后台数据交互而无需刷新整个页面,提升了用户体验。通过...

    仿淘宝抽奖php+jq代码

    1. **跑马灯效果**:跑马灯,也称为滚动公告或滚动条,是网页设计中常用的一种动态展示信息的方式。在抽奖程序中,跑马灯通常用于显示奖项名称或者抽奖规则。在jQuery库中,可以利用`.animate()`方法配合CSS定位来...

Global site tag (gtag.js) - Google Analytics