jQuery基础操作

今天要用到 ajax ，可是突然发现自己 jquery 的基础只是已经忘得一干二净了，赶紧补起来，做了一个简单的记录，只涉及最简单的操作， DOM 操作等，看以后要不要用，要用再来弄

将  DOM    对象转化成 jQuery 对象：
var $jQuery_object = $("#id"); 或者 var $jQuery_object = $(".class");
将  jQuery 对象转化成  DOM   对象：
var $div = $('div');
注意：这里的如果原本文本中的 div 标签不止一个的话，那么这里的 $div 就是表示一个数组！！！每个数组的值按照顺序表示各个 div 标签
例：
var div = $div[0];
div.style.color="0xfff";

除了可以通过 id 和 class 得到操作对象之外，也可以直接操作 html 元素：
$jQuery_object=$("body");
全选：
$jQuery_object=$("*");

可以直接修改 css 以及 html
$jQuery.css('css1','css2').html('innerHTML');
修改文本内容
$jQuery.text("text_message");
直接修改值
$jQuery.val("new_value");

层级选择器：
$("jQuery > first_child") 大儿子选择器，感觉比较贴切。。。。。。。
$("jQuery all_childrens") 后代选择器
$("jQuery + brother")  排在你之后的兄弟选择器
$("jQuery ~ all_brothers")所有排在你之后的兄弟选择器
$("jQuery : parent")  jQuery对象的父元素
$("jQuery : empty")  jQuery对象的断后的子元素，就是对 jQuery 对象来说没有孙子
$("jQuery : first-child") jQuery对象大儿子的儿子，即大孙子选择器
$("jQuery : last-child")  jQuery对象最小孙子选择器
$("jQuery : only_child")  jQuery对象单传孙子选择器
$("jQuery : Number-child")jQuery对象第 Number 孙子选择器
$("jQuery : Number-last-child") jQuery对象倒数第 Number 孙子选择器
$("jQuery : first")  jQuery对象包含对象内的第一个元素
$("jQuery : last")  jQuery对象包含对象内的最后一个元素

基本筛选选择器：
$("jQuery : not(selector)")简单筛选器，selector可以是 checked selected等属性
$("jQuery : has(selector)")

针对索引值的简单筛选：
$("jQuery : eq(index)")  等于，类似于表达式一类的
$("jQuery : gt(index)")  大于
$("jQuery : lt(index)")  小于
$("jQuery : even")  索引值为偶数的情况
$("jQuery : odd")  奇数
$("jQuery : contains(text)")包含 text 文本的元素

针对HTML标签进行简单的选定：
$("jQuery : header")   针对 h1 h2 h3 等标题元素进行选定
$("jQuery : lang(language)")针对指定语言进行选定
$("jQuery : root")   针对根元素进行选定
$("jQuery : animated")   针对所有执行动画效果的元素进行选定

按照是否可见进行筛选：
$("jQuery : visable")
$("jQuery : hidden")
 
属性筛选选择器：
$("jQuery['attribute'='value']") 针对 jQuery 对象下的 attribute 对象值为 value 的进行定位
$("jQuery['attribute'|='value']")前缀为 value
$("jQuery['attribute'^='value']")以 value 开头
$("jQuery['attribute'$='value']")以 value 结尾
$("jQuery['attribute'*='value']")内容中包含 value
$("jQuery['attribute'~='value']")用空格分割中包含 value 的值
$("jQuery['attribute'!='value']")不存在或者不等于 value 的值
$("jQuery['attributeFilter1']['attributeFilter2']")多次筛选

针对表单的筛选选择器：
$("jQuery : enabled")    jQuery 一般是表单的元素
$("jQuery : disabled")
$("jQuery : checked")
$("jQuery : selected")

设置属性或者移除属性：
attr()
属性名，属性值
属性名，函数值
属性名1：属性值，属性名2：属性值
removeAttr()
增加css样式或者移除css样式再者切换样式：
addClass()
removeClass()
toggleClass()