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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
jQuery中removeProp()方法用法实例
Jan 05 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
jquery图片切换插件
Mar 16 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
vue.js实现的经典计算器/科学计算器功能示例
Jul 11 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 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设计模式中的工厂模式
2008/06/12 PHP
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
客户端静态页面玩分页
2006/06/26 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
学习使用Bootstrap栅格系统
2017/05/11 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
js实现登录与注册界面
2017/11/01 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
python3使用SMTP发送简单文本邮件
2018/06/19 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
关于python多重赋值的小问题
2019/04/17 Python
python 默认参数相关知识详解
2019/09/18 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
python pillow库的基础使用教程
2021/01/13 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
写自荐信要注意什么
2013/12/26 职场文书
2014年三万活动总结
2014/04/26 职场文书
摄影展策划方案
2014/06/02 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
年会主持人开场白台词
2015/05/29 职场文书
篮球拉拉队口号
2015/12/25 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
python 实现两个变量值进行交换的n种操作
2021/06/02 Python