jQuery 基础教程jQuery 简介jQuery 安装jQuery 语法jQuery 选择器jQuery 事件jQuery 隐藏和显示jQuery 效果 -淡入淡出jQuery 效果 -滑动jQuery 效果 animate() 方法jQuery 停止动画 stop() 方法jQuery 动画 callback 回调方法jQuery 方法链 ( chaining )jQuery 获取HTML元素的内容属性jQuery 设置HTML元素的内容属性jQuery - 添加元素jQuery - 删除元素jQuery - 获取并设置 CSS 类jQuery css() 方法jQuery 尺寸jQuery 遍历jQuery 遍历 祖先元素jQuery 遍历 后代jQuery 遍历 - 同胞 ( siblings )jQuery 遍历-过滤jQuery AJAX 简介jQuery AJAX load() 方法jQuery AJAX get() 和 post() 方法jQuery - noConflict() 方法jQuery Validate 验证插件jQuery UI Accordion 折叠菜单jQuery UI Autocomplete 插件jQuery Growl 消息提醒jQuery Password ValidationjQuery Prettydate 友好日期插件jQuery TooltipjQuery 树型菜单插件(Treeview)
jQuery 获取HTML元素的内容属性
jquery 提供了 attrtext() 、html() 、val() 以及 attr() 方法用来获取 HTML 元素内容和属性
jQuery dom 操作
jQuery 中非常重要的部分，就是操作 DOM 的能力
jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易
DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式
获取内容 - text()、html() 以及 val()
jQuery 提供了三个简单使用的用于 DOM 操作的方法
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容（包括 HTML 标记）
- val() - 设置或返回表单字段的值
下面的范例演示如何通过 jQuery text() 和 html() 方法来获得内容
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
范例 2
下面的范例演示如何通过 jQuery val() 方法获得输入字段的值
$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});
获取属性 - attr()
jQuery attr() 方法用于获取属性值
下面的范例演示如何获得链接中 href 属性的值
$("button").click(function(){
alert($("#fly63").attr("href"));
});