jQuery基础

jQuery
jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法。
jQuery的主旨就是以更少的代码,实现更多的功能。


jQuery语法
$(selector).action();
$本身就是jQuery对象的缩写;选择符select查询和查找HTML元素;Action执行对元素的操作。

示例:$('p').hide(); *隐藏p元素*


jQuery文档就绪
正常版: $(document).ready(function(){
这里写程序代码
})
简化版:$(function(){
这里写代码
})


& jQuery与DOM文档就绪的区别 &
jQuery基础
jQuery基础
jQuery基础


jQuery基本操作
获取标签内部元素:$('标签名').html();
修改标签内部元素:$('标签名').html('修改值');
获取标签内部文本:$('标签名').text();
修改标签内部文本:$('标签名').text('修改值');
获取val值:.val() 修改val属性:.val('修改值')
jQuery基础
jQuery基础
jQuery基础
 
jQuery基础

示例
jQuery基础
jQuery基础


通过jQuery修改CSS样式
修改样式:.css('修改的元素名','修改值');
jQuery基础
jQuery基础
 
示例
jQuery基础
jQuery基础


jQuery对象与DOM对象的转化
jQuery基础
jQuery基础

jQuery选择器
基本选择器、层级选择器、属性选择器、内容选择器、子元素选择器、可见性选择器、表单选择器、表单对象属性选择器 详细见http://jquery.cuishifeng.cn/


jQuery创建查看节点
代码:$ node = $(<div>这是节点</div>);
jQuery基础
jQuery基础
示例
jQuery基础
jQuery基础


解决多库冲突
代码:jQuery.onConflict(); *放弃$*