jQuery入门(一)
来源:互联网 发布:公寓值得投资吗 知乎 编辑:程序博客网 时间:2024/05/29 19:27
jQuery设计思想:write less,do more
jQuery优势:强大的选择器,出色的DOM封装,可靠的事件处理机制,出色的浏览器兼容性,丰富的插件支持,体积小巧100kb,使用隐式迭代简化编程
下载:http://jquery.com → download →PastReleases(页面底部点击jQuery CDN) → 有各个领域的jQuery(UI,Mobile)→see all version of jQuery core→随意选择版本,右键另存 →有2个下载链接:一个用于学习,一个用于项目使用
导入项目:页面中添加script标签 <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
jQuery的基本语法结构:$(selector).action()
$==jQuery:防止与其他插件的冲突可用全名
工厂函数$():将DOM对象转换成jQuery对象
选择器selector:获取需要操作的DOM元素
方法action():jQuery中提供的方法,包括绑定事件处理的方法
页面加载对比:
//JavaScript,等同于$(window).load()
window.onload=function(){
alert("123");
}
//jQuery,简写$(function(){})
$(document).ready(function(){
alert("123");
});
DOM对象和Jquery对象的互相转换:
jQuery对象是一个类似数组的对象,通过[index]和get(index)获得对应的DOM对象
var $txtName=$(".txtName");//jQuery对象
var txtName=$txtName[0];//DOM对象
var txtName=$txtName.get(0);//DOM对象
jQuery基本选择器:
jQuery层次选择器:
jQuery属性选择器:
jQuery基本过滤选择器:
jQuery可见性过滤选择器:
jQuery表单选择器:
jQuery内容过滤器:
特殊字符的转义:
<div id="id#2">1111</div>
$("#id\\#2");
java中单\转义,此处双\\的原因是jQuery解析时用掉一个\,再转交给js处理又会用掉一个\!
选择器内容要注意书写规范,多一个空格选择的内容就会不一样:
$(".test:hidden"):选取隐藏的class=test的元素
$(".test :hidden"):选取class=test的元素内部的隐藏元素
以上仅为最基本的选择器,更全更实用的选择器尽在帮助文档的阅读!!!!
- jquery入门(一)
- JQuery(入门一)
- jQuery入门(一)
- jQuery入门(一)
- JQuery入门(一)
- Jquery 入门学习(一)
- jQuery基础入门(一)
- ajax入门,jQuery+ashx (一)
- jQuery入门学习笔记(一)
- jQuery(一)——入门
- Jquery学习入门一
- JQuery(入门一)
- Jquery基础入门(一)
- Jquery—入门一
- jquery语法入门(一)
- jQuery学习入门(一)
- Jquery基础入门一JQuery函数
- JQuery入门(一)-hello world的编写
- TestTreeSet
- Running The Apache Tomcat 8.0 Servlet/JSP Container
- Python’s super() considered super!
- fragment中百度地图切换黑屏以及与surfaceview的切换
- linux 4.9--start_kernel
- jQuery入门(一)
- hibernate生成表格问题
- 贪心算法之活动安排问题
- shell脚本如何从json文件读取一个某个值
- MySQL 正则表达式
- 对于入门级别程序员如何避免bug
- C++ primer 学习笔记 第九章(1)
- knockout + require + director 构建单页面程序
- linux下的一些命令(自用)