jQuery part1
2015-09-13 01:23
567 查看
1. jQuery 简介
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
2. jQuery 常见用法
$.function() 选取jQuery 定义的function()执行
$('input') 选取 HTML 当中全部的 input 标签
$('#abc') 选取 HTML 当中 ID 名称为 abc 的物件
$.fn.testing = function() {} 选取 JQuery 内核函数 fn (函数) 回传给 testing 这个名称、定义为一个功能 function()
$(selector).html() 当使用该方法返回一个值时,它会返回第一个匹配元素的内容
html页面代码:<div><p>Hello</p></div>
jquery代码:$("div").html();
结果:<p>Hello</p>
$(selector).html(content) 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容
html页面代码:<div></div>
jquery代码:$("div").html("<p>Nice to meet you</p>");
结果:[ <div><p> Nice to meet you</p></div> ]
3. 比较 javascript 和 jQuery
The JavaScript Way:
function myFunction() {
var obj = document.getElementById("h01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;
The jQuery Way:
function myFunction() {
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
2. jQuery 常见用法
$.function() 选取jQuery 定义的function()执行
$('input') 选取 HTML 当中全部的 input 标签
$('#abc') 选取 HTML 当中 ID 名称为 abc 的物件
$.fn.testing = function() {} 选取 JQuery 内核函数 fn (函数) 回传给 testing 这个名称、定义为一个功能 function()
$(selector).html() 当使用该方法返回一个值时,它会返回第一个匹配元素的内容
html页面代码:<div><p>Hello</p></div>
jquery代码:$("div").html();
结果:<p>Hello</p>
$(selector).html(content) 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容
html页面代码:<div></div>
jquery代码:$("div").html("<p>Nice to meet you</p>");
结果:[ <div><p> Nice to meet you</p></div> ]
3. 比较 javascript 和 jQuery
The JavaScript Way:
function myFunction() {
var obj = document.getElementById("h01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;
The jQuery Way:
function myFunction() {
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
相关文章推荐
- jquery学习之自定义动画
- jQuery学习之滑动
- jQuery学习之淡出淡入
- jQuery中jqGrid分页实现代码
- jquery 选择器(name,属性,元素)大全
- jQuery学习之基本选择器
- 锋利的Jquery【读书笔记】 -- 第一章
- Jquery-easyUI-datagrid参数之 queryParams
- jquery根据id取不到textarea对象,无法给textarea赋值
- j2ee学习笔记之前端(js、jQuery、html、html5、webService、ajax、css)—— 一直会补充
- JavaScript学习笔记8-jQuery基本过滤选择器深度解析
- jQuery常用Event-API
- jQuery 中 attr() 和 prop() 方法的区别
- jQuery使用ajax跨域获取数据
- jQuery常用Method-API
- jQuery中的九类选择器
- jQuery判断checkbox是否选中
- 【转】js/jquery中刷新iframe方法(兼容主流)
- jquery treeview(树状菜单) 插件参数说明
- 利用jquery each方法遍历<span>内容