1、jQuery中可以实现set和get功能的方法:

$(”#msg”).html();    //返回id为msg的元素节点的html内容。
$(”#msg”).html(”<b>new content</b>”);
//将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

$(”#msg”).text();    //返回id为msg的元素节点的文本内容。
$(”#msg”).text(”<b>new content</b>”);
//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>

$(”#msg”).height();    //返回id为msg的元素的高度
$(”#msg”).height(”300″); //将id为msg的元素的高度设为300
$(”#msg”).width();    //返回id为msg的元素的宽度
$(”#msg”).width(”300″); //将id为msg的元素的宽度设为300

$(”input”).val(”); //返回表单输入框的value值
$(”input”).val(”test”); //将表单输入框的value值设为test

$(”#msg”).click(); //触发id为msg的元素的单击事件
$(”#msg”).click(fn); //为id为msg的元素单击事件添加函数

同样blur,focus,select,submit事件都可以有着两种调用方法。

2、扩展jq的功能

实例:

$.extend({

min: function(a, b){return a < b?a:b; },

max: function(a, b){return a > b?a:b; }

});

//为jquery扩展了min,max两个方法

alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20)); //这样调用该方法

这里涉及到jq插件的开发知识,可以查阅相关内容插件开发http://www.jb51.net/article/23525.htm

3、操作元素的样式

主要包括以下几种方式:

$(”#msg”).css(”background”);    //返回元素的背景颜色
$(”#msg”).css(”background”,”#ccc”) //设定元素背景为灰色
$(”#msg”).height(300); $(”#msg”).width(”200″); //设定宽高
$(”#msg”).css({ color: “red”, background: “blue” });//以名值对的形式设定样式
$(”#msg”).addClass(”select”); //为元素增加名称为select的class
$(”#msg”).removeClass(”select”); //删除元素名称为select的class
$(”#msg”).toggleClass(”select”); //如果存在(不存在)就删除(添加)名称为select的class

4、jQuery中几个自定义的事件:

(1) hover(fn1,fn2)

(2) ready(fn)

(3) toggle(evenFn,oddFn) :每次点击时切换要调用的函数。

(4) trigger(eventtype)  //在每一个匹配的元素上触发某类事件。如$(”p”).trigger(”click”);

4、几个实用特效功能:

其中toggle()和slidetoggle()方法提供了状态切换功能。
如toggle()方法包括了hide()和show()方法。
slideToggle()方法包括了slideDown()和slideUp方法。

转载于:https://www.cnblogs.com/windrainpy/archive/2011/08/12/2135626.html

jQuery琐碎笔记相关推荐

  1. jQuery学习笔记--目录

    jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...

  2. jQuery学习笔记之DOM操作、事件绑定(2)

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

  3. 【转载】jQuery学习笔记

    jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...

  4. jQuery学习笔记:Ajax(二)

    接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...

  5. json.js+ jquery 操作笔记

    json.js+ jquery 操作笔记 json.js下载地址: http://www.json.org/js.html 我初学JSON,按照官方说明,在json2.js中有parse和string ...

  6. jQuery学习笔记02:核心部分

    jQuery学习笔记:核心部分 一.$(expr) 1.说明 $(expr) 该函数通过CSS选择器.XPath或html代码来匹配目标元素 参数:expr(字符串,一个查询表达式或一段html字符串 ...

  7. jQuery学习笔记01:初试jQuery

    jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...

  8. jQuery学习笔记(二)

    jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素 使用HTML DOM 创建元素 var select=document.createElement("select& ...

  9. javaweb(03) jQuery学习笔记

    javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...

最新文章

  1. 技术 | Bengio终结Theano不是偶然,其性能早在Keras支持的四大框架中垫底
  2. 人工智能时代,中国或是唯一能够和美国竞争的国家!
  3. 不合法的偏移量 钉钉接口_钉钉服务端api接口使用
  4. Delphi中TWebBrowser中注入Js
  5. Jquery实用笔记
  6. STM32之外部中断例程
  7. 95-190-740-源码-WindowFunction-窗口流侧的窗口函数(外部函数)
  8. IE6 Hotfix MS-042将导致其Crash!
  9. echo linux命令_Linux echo命令示例
  10. [导入]警告:不能将项目“project”中的依赖项“file”复制到运行目录,因为它将改写引用“file”。...
  11. agv车辆调度系统-技术篇
  12. Cesium 影像纠偏
  13. 转:信息部是管理部门or服务部门?这些CIO在群里“吵” 起来了
  14. C++十一月月末总结
  15. Nagios常见问题集锦
  16. 1138: C语言合法标识符 C语言
  17. 鸿蒙系统宣传标语,有多项新功能加持,搭载鸿蒙系统的华为手表WATCH 3来了!...
  18. 计算机硬件基础第七章(未完成版)
  19. QQ如何让人点一个网址就进自己的空间
  20. 利用QT加C++语言如何计算MACD指标,并请给出示例代码

热门文章

  1. cas单点登录学习:cas服务端与客户端的搭建
  2. Django学习1---安装Django,创建、启动项目
  3. Xenapp之web界面中文化及发布应用
  4. MemCache在tomcat中的负载均衡和session交叉存放
  5. Varnish——CDN推送平台(web页面批量清除缓存)
  6. Java 中import的用法,以及类的种类
  7. Oracle期末考试总复习资料
  8. .rpt文件内容读取java_Java 中读取文件内容的 n 中方式
  9. 用心摘种一树技能,植树节送3本书
  10. Selenium自动化测试-8.iframe处理