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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
