AJax技术

jquery应用常见操作技巧

字号+ 作者:H5之家 来源:H5之家 2015-09-29 12:14 我要评论( )

jquery应用常见操作技巧,1pxsolid#0f0).end()//end()返回表单 .find(#chenes).css(border-top,3pxdotted#00f).end() $.ajax({url:Result.aspx,//数据请求页面的u

jquery应用常见操作技巧介绍:jquery应用,jquery操作技巧 所属栏目为AJAX教程

  以下是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", //数据请求页面的url

  type:"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();

免责声明:本文内容及图片等均属网络转载,如侵即删。本文仅代表作者个人观点,与网页资源网无关。其原创性及文中陈述内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,仅作参考,请自行核实相关内容。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评