最新消息:欢迎加入小松的QQ群一起讨论一起学习,搜索页面修改成lua+ElasticSearch,使用php这个页面速度相对慢一点,优化之后速度杠杠的,如有问题请加群联系我

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

开源框架 1252浏览 0评论

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

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

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

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

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

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

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

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

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

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

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

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

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

html的设置和取值

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

取得所有匹配元素的内容

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

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

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

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

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

查找元素

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

显示隐藏的匹配元素

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

隐藏显示的元素

$("p").hide();

ajax提交数据

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

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

QQ交流群:136351212(满) 455721967

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» 常用的jquery方法,学会你也变大神
本文链接地址:https://www.phpsong.com/91.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!

网友最新评论 (1)

加载中,请稍候...
  1. :grin: 这几个方法确实很常用
    大地2015-01-27 20:26:48回复