常用的jquery方法,学会你也变大神

来源:互联网 发布:耐药监测数据处理软件 编辑:程序博客网 时间:2024/04/30 23:57

虽然我不是做前端开发,但是因为公司没有专门做前端人员,我们phper就要负责这一快,到目前为止我的jquery使用的还可以,很多不会的百度一下,下面讲一下我jquery是学习和使用的

刚开始我听谁jquery的框架非常好用,于是在上网找了个手册,看了两天,然后做了几个小的实例。感觉很简单,于是就在工作就用起来了,jquery提供了很多方法,有些可能经常用的,你只要掌握这些就够了,其他的遇到了找手册,或者找度娘

  1. DOM加载完成后,执行其中的函数
  2. $(document).ready(function(){
  3. 加入的内容
  4. });
  5. 简写
  6. jQuery(function($) {
  7. // 你可以在这里继续使用$作为别名...
  8. });

jQuery 对象中元素的个数,开发中通常要用来计算元素个数,然后做循环等超值

  1. $("img").length;//返回图片标签的个数

设置或返回被选元素的属性值。

  1. $("img").attr("src","test.jpg");//设置图片src属性为test.jpg
  1. $("img").attr("src");//返回图片的src属性

从每一个匹配的元素中删除一个属性

  1.  $("img").removeAttr("src");//删除图片中srcs属性

为每个匹配的元素添加指定的类名。

  1. $("p").addClass("selected");//p标签添加selected类样式

从所有匹配的元素中删除全部或者指定的类

  1. $("p").removeClass("selected");//p标签删除selected类样式

html的设置和取值

  1. $('p').html();//返回p标签的内容
  2. $("p").html("Hello world!");//设置所有 p 元素的内容

取得所有匹配元素的内容

  1. $('p').text();//返回p元素的文本内容
  2. $("p").text("Hello world!");//设置所有 p 元素的文本内容

向每个匹配的元素内部追加内容。

  1. $("p").append("Hello");//向所有P标签中追加一些HTML标记

从DOM中删除所有匹配的元素。

  1. $("p").remove();//删除所有p标签

查找元素

  1. $("p").find("span")//查找p标签下的span标签

显示隐藏的匹配元素

  1. $("p").show();//显示p标签

隐藏显示的元素

  1. $("p").hide();

ajax提交数据

  1. $.ajax({
  2. type: "POST",
  3. url: "some.php",
  4. data: "name=John&location=Boston",
  5. success: function(msg){
  6. alert( "Data Saved: " + msg );
  7. }
  8. });//用post提交到some.php ,post参数为name=Johnh和location=Boston,成功之后提示Data Saved:加some.php输出的内容

好了这个是觉得最常用的jquery方法

0 0