文档章节

jquery的高频使用总结

熊猫88
 熊猫88
发布于 2015/11/27 17:54
字数 618
阅读 14
收藏 0

  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");

© 著作权归作者所有

共有 人打赏支持
熊猫88
粉丝 18
博文 76
码字总数 65287
作品 0
程序员
npm 如何查看一个包的版本信息

https://blog.csdn.net/cvper/article/details/79543262 有了npm 我们能够简单的一段代码就下载我们需要的包,但是包是不断更新的, 所以我们要关注包的版本信息; 现在,假设我们需要 jque...

ahl123
08/11
0
0
jQuery(function(){})与(function(){})(jQuery)的区别

开发jQuery插件时总结的一些经验分享一下。 一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 二、再看 (functio...

xiahuawuyu
2012/07/16
0
0
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
JS对象与Dom对象与jQuery对象之间的区别

前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象 解...

苦水润喉
08/16
0
0
从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

fengdaoting
07/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java中的移位运算符

国庆给自己放了个小长期二十几天,回来继续更新专栏 上一篇文章我们说了Java里的二进制,知道了计算机是以0和1来处理数据的,在阅读源码的过程中,经常会看到这些符号<< ,>>,>>>,这些符号...

SuShine
27分钟前
2
0
linux版QQ

下载地址在这 http://yun.tzmm.com.cn/index.php/s/XRbfi6aOIjv5gwj Appimage包不用做什么别的处理,安装啥的都不需要。。找到文件所在目录,终端中修改一下文件的权限 chmod 777 QQ-2017112...

悲催的古灵武士
33分钟前
1
0
咕泡-MyBatis 实用篇作业

1. Mapper在spring管理下其实是单例,为什么可以是一个单例? 首先,mapper 内部不包含 成员字段,无状态单例是安全的 另外,一直存在不用每次调用都new 一个新实例 2. MyBatis在Spring集成下...

职业搬砖20年
36分钟前
2
0
MQTT协议的初浅认识之连接建立

MQTT百科 MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布...

亚林瓜子
53分钟前
1
0
OpenStack部署都有哪些方式

对于每一个刚接触到OpenStack的新人而言,安装无疑是最困难的,同时这也客观上提高了大家学习OpenStack云计算的技术门槛。想一想,自己3年前网上偶然接触到OpenStack时,一头茫然,手动搭建一...

tututu_jiang
53分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部