JQuery基础知识--方便忘记时查看
2013-07-01 11:35
531 查看
第一次写博客,不多说废话,实用为先。如有不对,请多指正。
JQuery api
第一步引入JQuery库。
最基础常用的功能,加载$(document).ready
1. $元素选择器,获取一个元素的JQuery对象
1.1. id选择器$("#id")
1.2. 类样式选择器$(".class")
1.3. 标签选择器$("标签")
1.4.混合使用
2. 属性选择器$("标签[attr=]")
在jquery中使用>来匹配子集元素,不包含孙级元素。
未完,下班后续······
JQuery api
第一步引入JQuery库。
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
最基础常用的功能,加载$(document).ready
$(document).ready(function(){ console.log("test"); });
$(function() { console.log("test"); })
1. $元素选择器,获取一个元素的JQuery对象
1.1. id选择器$("#id")
<div id="test"></div>
var test = $("#test");//获取id为test的$对象
1.2. 类样式选择器$(".class")
<div class="test"></div>
var test = $(".test");//获取所有class为test的元素$对象
1.3. 标签选择器$("标签")
<p>test</p>
var test = $("p");//获取所有的p标签元素$对象
1.4.混合使用
var intro = $("p .intro");//获取所有class="intro"的<p>元素$对象 var demo = $("p #demo");//获取id="demo"的第一个<p>元素$对象
/* *一般而言,id是唯一的,$("#id")相当于dom操作的document.getElementById(id),推荐单独使用 */
2. 属性选择器$("标签[attr=]")
<input type="text" name="name" /> var input = $("input[name='name']");
在jquery中使用>来匹配子集元素,不包含孙级元素。
未完,下班后续······
相关文章推荐
- JQuery — 基础知识
- 使用Jquery解析Json基础知识
- jQuery基础知识一
- [置顶] JQuery基础知识
- jQuery基础知识一
- Jquery基础知识
- H5基础知识第十四课时(用JQuery实现鼠标悬浮时改变样式)
- [8-23]知识梳理:文件系统、Bash基础特性、目录管理、文件管理、文本查看编辑处理
- 总结jQuery的基础知识
- jQuery遍历基础知识梳理
- Linux基础知识学习:查看所使用的Linux系统是32位还是64 位的方法
- JQuery基础知识
- jQuery基础知识点(一)
- JQuery基础知识(推荐--arvin)
- Opengl 基础知识汇总 方便查找
- Jquery源码中的Javascript基础知识(二)
- jquery 插件开发基础知识
- 使用Jquery解析Json基础知识
- 查看几个linux脚本中的基础知识
- 基础知识之JQUERY-AJAX