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 相关文章推荐
JS实现随机数生成算法示例代码
Aug 08 Javascript
Javascript 命名空间模式
Nov 01 Javascript
js实现同一个页面多个渐变效果的方法
Apr 10 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
在 Express 中使用模板引擎
Dec 10 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
微信小程序实现侧边栏分类
Oct 21 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
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
学习php分页代码实例
2013/10/24 PHP
php导出CSV抽象类实例
2014/09/24 PHP
深入解析PHP的Yii框架中的缓存功能
2016/03/29 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
js post提交调用方法
2014/02/12 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
js获取form的方法
2015/05/06 Javascript
vue多层嵌套路由实例分析
2019/03/19 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
Python程序设计入门(2)变量类型简介
2014/06/16 Python
python中kmeans聚类实现代码
2018/02/23 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
Python爬虫实现模拟点击动态页面
2020/03/05 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
一份Java笔试题
2012/02/21 面试题
"序列点" 是什么
2016/07/29 面试题
学校运动会霸气口号
2014/06/07 职场文书
2014三年级班主任工作总结
2014/12/05 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python
Python Pandas 删除列操作
2022/03/16 Python