jQuery基础

jQuery

jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一套定义好的方法。

jQuery的主旨就是以更少的代码，实现更多的功能。

jQuery语法

$(selector).action();

$本身就是jQuery对象的缩写；选择符select查询和查找HTML元素；Action执行对元素的操作。

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

jQuery文档就绪

正常版： $(document).ready(function(){

这里写程序代码

})

简化版：$(function(){

这里写代码

})

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

jQuery基本操作

获取标签内部元素：$('标签名').html();

修改标签内部元素：$('标签名').html('修改值');

获取标签内部文本：$('标签名').text();

修改标签内部文本：$('标签名').text('修改值');

获取val值：.val()修改val属性：.val('修改值')

 

示例

通过jQuery修改CSS样式

修改样式：.css('修改的元素名','修改值')；

 

示例

jQuery对象与DOM对象的转化

jQuery选择器

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

jQuery创建查看节点

代码：$ node = $(<div>这是节点</div>);

示例

解决多库冲突

代码：jQuery.onConflict(); *放弃$*