jquery学习笔记(-)
Jquery学习笔记(-)
Jquery的简介
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k),兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供。
当DOM载入就绪可以查询操纵时绑定一个要执行的函数
Jquery的基本编辑器
1)#id
根据指定的id匹配一个元素
如果选择器中包含特殊字符,可以用两个斜杠转义
用法:$("#idname");
2)、element
根据元素名匹配所有的元素
一个用于搜索的元素,指向DOM节点的标签名
用法:$("元素标签名称")
3).class
根据给定的类名匹配元素
一个用于搜索的类。一个元素可以有多个类,只要有一个符合条件的就能匹配到。
用法:$(".类名")
4)、*
匹配所有的元素
找到每一个元素
用法:$("*")
Jquery的第一个小实例
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery与dom的相互转化</title>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptlanguage="javascript"type="text/javascript"src="./include/jquery.js"></script>
<scriptlanguage="javascript"type="text/javascript">
$(document).ready(function(){
//使用普通dom获取文本框的值
//vardocument1=document.getElementById("content").value;
//alert(document1);
//使用jquery方式获取
//varinvalue=$("#content");//$(普通对象)转换为jquery对象
//alert(invalue.val());
//把jquery对象转换成普通对象(-)
vardomcon=$("#content").get(0);
alert(domcon.value);
//(二)
vardomcon=$("#content")[0];
alert(domcon.value);
});
</script>
</head>
<body>
<inputtype="text"value="jquery学习"id="content">
</body>
</html>
jquery学习笔记(-)相关推荐
- jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...
- jQuery学习笔记之DOM操作、事件绑定(2)
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...
- 【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
- jQuery学习笔记:Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
- jQuery学习笔记02:核心部分
jQuery学习笔记:核心部分 一.$(expr) 1.说明 $(expr) 该函数通过CSS选择器.XPath或html代码来匹配目标元素 参数:expr(字符串,一个查询表达式或一段html字符串 ...
- jQuery学习笔记01:初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
- jQuery学习笔记(二)
jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素 使用HTML DOM 创建元素 var select=document.createElement("select& ...
- javaweb(03) jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
- jQuery学习笔记开篇
开始学习人见人爱花见花开的jQuery. jQuery是一个轻量级,快速简洁的javascript框架.它的官方网址是(http://jquery.com/).jQuery的优点是它容量小巧,简洁和简 ...
最新文章
- CrazyWing:Python自动化运维开发实战 八、Python数据类型之字符串
- html传递guid参数,C#中的Guid.ToString鲜为人知参数用法
- MFC载入JPG图片
- 依赖声明可以包含的元素
- C语言常量定义#define和const区别解析
- 受保护的Word文档如何编辑?
- 计算机识别不到硬盘,电脑检测不到硬盘怎么办,怎么修复硬盘问题
- 测试用例设计与黑盒测试用例设计
- java 实现图片水印 文字水印
- Audio Effect
- java图片上传数量限制_bootstrap fileinput实现限制图片上传数量及如何控制分批多次上传...
- PyQt5 Qt Designer 新手教程(一)—— 软件界面介绍
- 扫描图片怎么变成电子版?不止扫描仪
- Vue 判断页面内图片是否渲染完成
- C# 路径 目录 文件操作办法
- Spring loosely coupled example
- 通过HPS控制FPGA的GPIO
- 项目1在线交流平台-7.构建安全高效的企业服务-3. Security整合Kafka,ES,Thymeleaf实例-对帖子置顶、加精、删除
- “颜值不凡•智在其中” 原来你是这样的荣耀10
- 履约系统退餐流程方案设计