文档章节

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
码字总数 65366
作品 0
程序员
私信 提问
jQuery(function(){})与(function(){})(jQuery)的区别

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

xiahuawuyu
2012/07/16
0
0
npm 如何查看一个包的版本信息

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

ahl123
08/11
0
0
JS对象与Dom对象与jQuery对象之间的区别

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

苦水润喉
08/16
0
0
20+ 个很棒的 jQuery 文件上传插件或教程

文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。 1. Plupload Plupload 是一个Web浏览...

红薯
2011/08/03
50.4K
9
jQuery学习笔记--选择器和事件

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

codingcoge
05/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开源软件会被云杀死吗 ?

本文转载云头条,原作者:Michael Stiefel是Reliable Software公司的负责人,是一名软件架构和开发顾问。 文章要点 虽然开源开发不会消失,但商业开源厂商的未来不是很有希望。随着全面管理的...

linuxCool
38分钟前
2
0
OSChina 周三乱弹 —— 谈什么对象?睡什么觉?

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @胖达panda :最肯忘却古人诗,最不屑一顾是相思。分享童丽的单曲《红豆生南国》: 《红豆生南国》- 童丽 手机党少年们想听歌,请使劲儿戳(这...

小小编辑
42分钟前
185
5
stylus

stylus基础教程,stylus实例教程,stylus语法总结

miaojiangmin
今天
5
0
PHP生成CSV之内部换行

当我们使用PHP将采集到的文件内容保存到csv文件时,往往需要将采集内容进行二次过滤处理才能得到需要的内容。比如网页中的换行符,空格符等等。 对于空格等处理起来都比较简单,这里我们单独...

豆花饭烧土豆
今天
2
0
使用 mjml 生成 thymeleaf 邮件框架模板

发邮件算是系统开发的一个基本需求了,不过搞邮件模板实在是件恶心事,估计搞过的同仁都有体会。 得支持多种客户端 支持响应式 疼彻心扉的 outlook 多数客户端只支持 inline 形式的 css 布局...

郁也风
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部