jQuery常见操作实现和常用函数方法总结.doc

一个 JavaScript 框架，一篇 jQuery 常用方法及函数的文章留存jQuery 常$(标签名) //取html元素 document.getElementsByTagName()$(#ID) //取document.getElementById()$(div #ID) //取某个控件中 控件$(#ID #ID) // 通ID取其中的控件$(.class样式名) //通class来取控件$(#ID).val(); //取value$(#ID).val(); //赋值$(#ID).hide(); //隐藏$(#ID).show(); //显示$(#ID).text(); //相当于取innerHTML$(#ID).text(); //相当于innerHTML=$(#ID).css(属性,) //添加CSS$(form#表id).find(#所找控件id).end() //遍$(#ID).load(*.html) //载入一个文件例如：$(form#frmMain).find(#ne).css(border, 1px solid #0f0).end() // end()返回表.find(#chenes).css(border-top,3px dotted #00f).end()$.ajax({ url: Result.aspx, //数据urltype:get, //数据(get或post)dataType:html, //期待数据返回的数据格式(例如 xml, html, script,或 json)data: chen=h, //get方式timeout:3000, //success:function(msg)//当{$(#stats).text(msg);},error:function(msg) //当{$(#stats).text(msg);}});$(document).ready(function(){});$(#description).mouseover(function(){});//ajax方法$.get( Result.aspx, //数据url{ chen: 测试,age:25}, //传递数据的参数字符串function(data){ alert(Data Loaded: + data); } //触);});});//取得下拉$(#testSelect option:selected).text(); //取文本或$(#testSelect).find(option:selected).text();或$(#testSelect).val(); ? jQuery中常用的函数方法事件ready(fn)代$(document).ready(function(){// Your code here...})；作用：它可以极大地提高webDOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻bind(type,[data],fn)代$(p).bind(click, function(){alert( $(this).text() );});作用：click）toggle(fn,fn)代$(td).toggle(function () {$(this).addClass(selected);},function () {$(this).removeClass(selected);});作用：每次点(像click(),focus(),keydown()的。) 外addClass(class)和removeClass(class)代$(.stripe tr).mouseover(function(){ $(this).addClass(over);}).mouseout(function(){$(this).removeClass(over);})});也可以写成：$(.stripe tr).mouseover(function() { $(this).addClass(over) });$(.stripe tr).mouseout(function() { $(this).removeClass(over) });作用：css(name,value)代$(p).css(color,red);作用：很addClass(class)有点slide(),hide(),fadeIn(),