jQuery 快捷操作

快捷操作

1. class属性值操作

$().attr(‘class’,值);

$().attr(‘class’);

$().removeAttr(‘class’);  //删除class的所有属性

$().addClass(值);                //给class属性追加信息值

$().removeClass(值);     //删除class属性中的某个信息值

$().toggleClass(值);       //开关效果,有就删除,没有就添加  //可以在网页上做内容展开和关闭的操作

/*********************************************************************************/

<script type="text/javascript">
function f1(){
//设置class属性信息
//$("div").attr(‘class‘,‘apple‘);
//$("div").attr(‘class‘,‘orange‘);
//$("div").attr(‘class‘,‘pear‘);
//以上三行代码同时执行,后者覆盖前者,class最后体现pear的信息

//给class属性追加信息值
$("div").addClass(‘apple‘);
$("div").addClass(‘orange‘);
$("div").addClass(‘pear‘);
}
function f2(){
//删除class属性的信息值
$(‘div‘).removeClass(‘orange‘);
$(‘div‘).removeClass(‘apple‘);
$(‘div‘).removeClass(‘pear‘);
}
function f3(){
//开关class属性值操作
$(‘div‘).toggleClass(‘orange‘);
}
</script>
<style type="text/css">
.apple{width:300px; height:200px; border:2px solid blue;}
.orange{background-color:lightblue;}
.pear{font-size:30px;}
</style>
</head>
<body>
<h1>class属性快捷操作</h1>

<div>this is jquery subject</div>

<input type="button" value="设置" onclick="f1()" />
<input type="button" value="删除class的属性值" onclick="f2()" />
<input type="button" value="开关class属性值操作" onclick="f3()" />

/*********************************************************************************/

时间: 2024-10-25 08:17:27

jQuery 快捷操作的相关文章

jQuery HTML 操作

jQuery 包含很多供改变和操作 HTML 的强大函数. 改变 HTML 内容 语法 $(selector).html(content) html() 函数改变所匹配的 HTML 元素的内容(innerHTML). 实例 $("p").html("W3C HTML"); 查看示例 添加 HTML 内容 语法 $(selector).append(content) append() 函数向所匹配的 HTML 元素内部追加内容. 语法 $(selector).prep

javascript 对表格元素的快捷操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=

Qt Creator 重要的快捷操作

注:原文来自百度经验,但是某些操作与Qt Creator3.0已有出入,故整理与此.欢迎添加和指正. 为什么大神敲代码比我们快?他们并不是钢琴手,只是快捷键用的比我们熟~ 1 . Ctrl(按住)+ Tab快速切换已打开的文件 2 .快速添加方法定义, 将光标移动到h文件中的方法声明.按Alt(按住)+ Enter,将出现如下三个选项. 第一个将定义添加到cpp文件 第二个添加到h文件,但在类定义外 第三个添加到h文件类定义中,如下所示: 注:只有在未定义的方法上该快捷键有效 3 .修改变量名,

Jquery CSS 操作 - height() 方法

一.height() 方法 height() 方法返回或设置匹配元素的高度 $(".btn1").click(function(){ $("p").height(50); }); height方法事例 Jquery CSS 操作 - height() 方法,码迷,mamicode.com

jQuery 属性操作

方法 描述 addClass() 向匹配的元素添加指定的类名. attr() 设置或返回匹配元素的属性和值. hasClass() 检查匹配的元素是否拥有指定的类. html() 设置或返回匹配的元素集合中的 HTML 内容. removeAttr() 从所有匹配的元素中移除指定的属性. removeClass() 从所有匹配的元素中删除全部或者指定的类. toggleClass() 从匹配的元素中添加或删除一个类. val() 设置或返回匹配元素的值. 获得内容 - text().html()

深入学习jQuery节点操作

× 目录 [1]创建节点 [2]插入节点 [3]删除节点[4]复制节点[5]替换节点[6]包裹节点 前面的话 DOM节点操作包括创建节点.插入节点.移除节点.替换节点和复制节点.jQuery也有类似的方法,此外,还扩展了包裹节点.本文将详细介绍jQuery节点操作 创建节点 创建节点的流程比较简单,包括创建节点.添加属性和添加文本.若应用原生方法,一般地,包括document.createElement().setAttribute()和innerHTML var ele = document.

jQuery的操作

jQuery可以操作的样式可以分成两种css和class两种样式.css又可以分成三种:1:设置单个样式. 2:设置多个样式. 3:获取样式. class可以分成用法: 1:添加class样式. 2:移除class样式. 3:判断class样式. 4:切换class样式. jQuery操作也可以做动画,比较常用的有以下几种: 1:slideDown slideUp slideToggle slideDown(speed,callback) slideDown slideUp是滑入和滑出的意思,效

提升效率的Linux终端快捷操作汇总

很多普通 Linux 桌面用户都对使用终端感到排斥和恐惧,其实它没大家想的那么复杂,很多常见操作都可以直接在终端中进行,如:安装软件.升级系统等. 无论你是新手还是 Linux 终端使用的老鸟,系统极客在此为大家总结了提升终端命令执行效率的快捷操作汇总,希望能帮助你学习和提升效率. 移动定位光标 在终端中移动光标和定位似乎非常不便,其实不是你想的那样,有很多种方式可以让键盘成为你的好朋友,只是需要掌握正确的方法而已. 定位单词 在长段的命令中,使用 Ctrl + ← 和 Ctrl + → 可快速

jQuery Ajax 操作函数

jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxSend() 在 Ajax 请求发送之前显示