jquery常用方法总结

avaScript代码

  1. 以下是jquery中比较常用的一些操作实现方式:
  2. $(“标签名”) //取html元素 document.getElementsByTagName(“”)
  3. $(“#ID”) //取单个控件document.getElementById(“”)
  4. $(“div #ID”) //取某个控件中 控件
  5. $(“#ID #ID”) // 通过控件ID取其中的控件
  6. $(“标签.class样式名”) //通过class来取控件
  7. $(“#ID”).val(); //取value值
  8. $(“#ID”).val(“”); //赋值
  9. $(“#ID”).hide(); //隐藏
  10. $(“#ID”).show(); //显示
  11. $(“#ID”).text(); //相当于取innerHTML
  12. $(“#ID”).text(“”); //相当于innerHTML=””
  13. $(“#ID”).css(“属性”,”值”) //添加CSS样式
  14. $(“form#表单id”).find(“#所找控件id”).end() //遍历表单
  15. $(“#ID”).load(“*.html”) //载入一个文件
  16. 例如:
  17. $(“form#frmMain”).find(“#ne”).css(“border”, “1px solid #0f0”).end() // end()返回表单
  18. .find(“#chenes”).css(“border-top”,”3px dotted #00f”).end()
  19. $.ajax({ url: “Result.aspx”, //数据请求页面的url
  20. type:”get”, //数据传递方式(get或post)
  21. dataType:”html”, //期待数据返回的数据格式(例如 “xml”, “html”, “script”,或 “json”)
  22. data: “chen=h”, //传递数据的参数字符串,只适合get方式
  23. timeout:3000, //设置时间延迟请求的时间
  24. success:function(msg)//当请求成功时触发函数
  25. {
  26. $(“#stats”).text(msg);
  27. },
  28. error:function(msg) //当请求失败时触发的函数
  29. {
  30. $(“#stats”).text(msg);
  31. }
  32. });
  33. $(document).ready(function(){
  34. $(“#description”).mouseover(function(){
  35. //ajax方法
  36. $.get( “Result.aspx”, //数据请求页面的url
  37. { chen: “测试”,age:”25″}, //传递数据的参数字符串
  38. function(data){ alert(“Data Loaded: ” + data); } //触发后的函数
  39. );
  40. });
  41. });
  42. //取得下拉选单的选取值
  43. $(#testSelect option:selected’).text(); //取文本值
  44. 或$(“#testSelect”).find(‘option:selected’).text();
  45. 或$(“#testSelect”).val();
 » 转载请注明来源:网络蛀虫小窝 » 《jquery常用方法总结》
 » 本站地址:http://www.gomoth.com
  • 您可能感兴趣的相关文章