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 相关文章推荐
window.js 主要包含了页面的一些操作
Dec 23 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
解析javascript 浏览器关闭事件
Jul 08 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 Javascript
JavaScript偏函数与柯里化实例详解
Mar 27 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
关于Node.js中频繁修改代码重启服务器的问题
Oct 15 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实现文件安全下载
2006/10/09 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
JQuery与iframe交互实现代码
2009/12/24 Javascript
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
2011/10/07 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
axios基本入门用法教程
2017/03/25 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
JavaScript实现京东快递单号查询
2020/11/30 Javascript
python统计cpu利用率的方法
2015/06/02 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
python画图的函数用法以及技巧
2019/06/28 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
python中如何写类
2020/06/29 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
介绍一下#error预处理
2015/09/25 面试题
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
安全责任书范文
2014/03/12 职场文书
给校长的建议书范文
2015/09/14 职场文书
python实现简单的井字棋
2021/05/26 Python
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python