Jquery 基础学习笔记


Posted in Javascript onMay 29, 2009

1、属性: 为所有匹配的元素设置一个计算的属性值

//为所有的input添加属性class="btn"
//$("input").attr("class","btn");

2、CSS:为每个匹配的元素添加指定的类名
//对所有的提交按钮添加样式
$("input:submit").addClass("btn");

3、值:获得第一个匹配元素的当前值
//取的某一按钮的值
//alert($("#Button1").val());

4、Html代码:取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
//输出div之间的html代码
//alert($("#div1").html());

//对Div中的html重新赋值
//$("#div1").html("<input type='text'/>");

5、文本:取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

//输出div之间的文本值
//alert($("#div1").text());

//对div中的文本重新赋值
//$("#div1").text("100");

6、 //单选按钮选中
$("#select1").val("选项2");
// if( $("#select1").val()=='选项2')
// {
// alert("你选择了选项2");
// }

7、将一个或多个DOM元素转化为jQuery对象
//设置页面背景色
$(document.body).css("background","#c0c0c0");

//隐藏一个表单中所有元素 【不可用】
//$(div.elements).hide();

8、each用法 以每一个匹配的元素作为上下文来执行一个函数
// $("button").click(function () {
// $("div").each(function (index, domEle) {
// // domEle == this
// $(domEle).css("backgroundColor", "yellow");
// if ($(this).is("#stop")) {
// $("span").text("Stopped at div index #" + index);
// return false;
// }
// });
// });

9、这个函数的返回值与 jQuery 对象的'length' 属性一致
//button的个数
//alert($("input:submit").size()+" and "+$("input:submit").length);

10、 取得所有匹配的 DOM 元素集合
//alert($("input").get().reverse());
//取得其中一个匹配的元素。 num表示取得第几个匹配的元素
//alert($("input").get(1));

Javascript 相关文章推荐
随机显示经典句子或诗歌的javascript脚本
Aug 04 Javascript
动态添加js事件实现代码
Mar 12 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
parentElement,srcElement的使用小结
Jan 13 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
如何把vuejs打包出来的文件整合到springboot里
Jul 26 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
JavaScript正则表达式验证登录实例
Mar 18 Javascript
javascript AutoScroller 函数类
May 29 #Javascript
关于JavaScript的一些看法
May 27 #Javascript
广告切换效果(缓动切换)
May 27 #Javascript
js 图片缩放(按比例)控制代码
May 27 #Javascript
图片上传即时显示缩略图的js代码
May 27 #Javascript
JavaScript 闭包深入理解(closure)
May 27 #Javascript
jQuery 剧场版 你必须知道的javascript
May 27 #Javascript
You might like
Mysql的常用命令
2006/10/09 PHP
Php做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
jQuery学习笔记之jQuery原型属性和方法
2014/06/09 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
深入浅析JS中的严格模式
2018/06/04 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
Python fileinput模块使用实例
2015/06/03 Python
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
Python多层装饰器用法实例分析
2018/02/09 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
编写strcpy函数
2014/06/24 面试题
应聘医药代表职位求职信
2013/10/21 职场文书
英文求职信写作小建议
2014/02/16 职场文书
奥运会口号
2014/06/13 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
借钱欠条怎么写
2015/07/03 职场文书
领导离职感言
2015/08/03 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis
漫画《催眠麦克风-Dawn Of Divisions》第二卷PV公开
2022/04/05 日漫