[jQuery-1] jquery基础
一、jQuery介绍
1. jQuery的定义
jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery 极大地简化了 JavaScript 编程。
2. jQuery的作用
jQuery和JavaScript它们的作用一样，都是负责网页行为操作，增加网页和用户的交互效果的，只不过jQuery简化了JavaScript编程，jQuery实现交互效果更简单。
3. jQuery的优点
- jQuery兼容了现在主流的浏览器，增加了程序员的开发效率。
- jQuery简化了 JavaScript 编程，代码编写更加简单。
二、jQuery用法
1. jQuery的引入
<script src="js/jquery-1.12.4.min.js"></script>
2. jQuery的入口函数
我们知道使用js获取标签元素，需要页面加载完成以后再获取，我们通过给onload事件属性设置了一个函数来获取标签元素，而jquery提供了ready函数来解决这个问题，保证获取标签元素没有问题，它的速度比原生的 window.onload 更快。
入口函数示例代码:
<script src="js/jquery-1.12.4.min.js"></script><script>window.onload = function(){var oDiv = document.getElementById('div01');alert('原生就是获取的div：' + oDiv);};$(document).ready(function(){var $div = $('#div01');alert('jquery获取的div：' + $div);});</script><div id="div01">这是一个div</div>
入口函数的简写示例代码:
<script src="js/jquery-1.12.4.min.js"></script><script>window.onload = function(){var oDiv = document.getElementById('div01');alert('原生就是获取的div：' + oDiv);};/* $(document).ready(function(){ var $div = $('#div01'); alert('jquery获取的div：' + $div); }); */// 上面ready的写法可以简写成下面的形式：$(function(){var $div = $('#div01');alert('jquery获取的div：' + $div);});</script><div id="div01">这是一个div</div>
三、jQuery选择器
1. jQuery选择器的介绍
jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。
2. jQuery选择器的种类
- 标签选择器
- 类选择器
- id选择器
- 层级选择器
- 属性选择器
示例代码:
$('#myId') //选择id为myId的标签$('.myClass') // 选择class为myClass的标签$('li') //选择所有的li标签$('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签$('input[name=first]') // 选择name属性等于first的input标签
说明:
可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功，否则选择失败。
$(function(){result = $("div").length;alert(result);});
末蓝、
ゞ 浴缸里的玫瑰
深藏阁楼爱情的钟
àì夳堔傛蜴生んèń
红太狼
还没有评论，来说两句吧...