jquery的高频使用总结
博客专区 > 熊猫88 的博客 > 博客详情
jquery的高频使用总结
熊猫88 发表于2年前
jquery的高频使用总结
  • 发表于 2年前
  • 阅读 14
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 最快速查看jquery的使用,对简单jquery的一个使用小结,写PHP的人看可以快速入门,最快的掌握实际的应用场景

  jquery是一个前端使用非常普遍的一个js库。原生的js通常而言更具有普遍的使用意义,但是用jquery能比较快速的进行效果开发。
  1.jquery的引用:(2.x版本和1.x版本差别还是比较大,这里一般介绍1.x版本)
     引入jquery库
     <script src='jquery-1.9.1.min.js'   ></script>
  2.jquery的框架载入(俩种方法区别不大,大部分时候可以进行混用)
    $(document).ready(function(){})
    $(function(){})
    该通用框架的意思是文档加载完毕后,使用jquery里面的方法,如果直接放在末尾进行运行,是可以不需要这个加载完毕的功能的
  3.常用选择器(id  class)和事件(click )
   一般的情况下,点击的情况下触发的事件
   $("#test").click(function(){})
   $(".test").click(function(){})
   4.jquery对值的改变(改变值是最常用的功能之一)
   常常可能点击某个地方后,会触发另外一个事件,可能是运算也可能是某一个逻辑
   获取值的三种方法:
   text() 获取文本 val() 返回表单字段 html() 返回所选元素的内容(包括html标记)。
   text("123")  val("123")html("<h1>213</h1>") 把对应元素的内容写成对应标记
   添加(一个是添加在元素开头,一个添加在结尾)
   $("p").append("Some appended text.");结尾插入内容
   $("p").prepend("Some prepended text."); 开头插入内容
   5.一个遍历执行方法:(遍历循环的时候进行使用)
   $('test').click(function(){
    $("li").each(function(){
      alert('hello');
    })
   })
   6.和服务器端的交互(这是一个前端工程师里非常重要的部分)
    $.get(url,function(res){alert(res)})
    $.post(url,data,function(res){alert(res)})
    另外需要补充的俩点:
    和接口进行交互的时候,通常拿到的数据是json格式(现在主流的情况下,是以json格式进行交互的)一般json格式还没法直接使用
    {"err_code":200} 拿到了一个这样的res
    实际转化成对象,还需要进行的操作
    result =eval('('+res+')');;
    7.改变css的属性(对于css的灵活改变,已经属于前端比较高的要求,这里暂时不进行解析,只是列一个最常用的属性)
     $("p").css("background-color","yellow");

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 19
博文 63
码字总数 65287
×
熊猫88
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: