一.jquery中text val html attr的使用区别

html和innerHTMl是一样的,可以获得和设置指定元素如<p>中的html标签和文本
如:
设置值:

$("p").html("<span style='font-size:13px;color:red'>HTML标签+文本</span>"); 

获得值:

$("p").html(); 

text和innerText是一样的,可以获得和设置文本
如:
设置值:

$("p").text("HTML标签+文本"); 

获得值:

$("p").text(); 

val和value在使用上有一定的区别,通常在获取和设置文本框的值时,推荐使用val,比如文本框
如:

$("input").val("这是设置文本框的值");
$("input").val();//获取文本框的值 //attr用来设置元素的各种属性,比如
$("input").attr("value","admin");//给value属性赋值,value通常是预定义值
$("input").attr("disable","true");//禁用文本框
 

注意value 属性为 input 元素设定值。

对于不同的输入类型,value 属性的用法也不同:

  • type="button", "reset", "submit" - 定义按钮上的显示的文本
  • type="text", "password", "hidden" - 定义输入字段的初始值,对于设置或获取文本框上的动态值,请使用$(xxx).val()和$(xxx).val(xxxx)方法
  • type="checkbox", "radio", "image" - 定义与输入相关联的值

注意<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。

同时需要说明的是value 属性无法与 <input type="file"> 一同使用。

二.获取jquery对象的标签类型

    //jquery 对象

   $("#"+控件id)[0] 

//查看控件类型
 $("#"+控件id)[0].type 实例1:
< select id="ddl" >
  < option >
1< /option >
   < option >2< /option >
< / select> $("#ddl")[0].type;// select-one
实例2:
< input type="text" id="txt" />
$("#txt")[0].type;//text
三.jQuery插件开发

jQuery为开发插件提拱了两个方法,分别是:


jQuery.fn.extend(object);  给jQuery对象添加方法。
jQuery.extend(object);  为扩展jQuery类本身.为类添加新的方法。


1 jQuery.fn.extend(object);


fn 是什么东西呢。查看jQuery代码,就不难发现。


jQuery.fn = jQuery.prototype = {


init: function( selector, context ) {//.... 


//......


};


原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例。


jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。


比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。可以这么做:


$.fn.extend({


alertWhileClick:function(){


$(this).click(function(){


alert($(this).val());

          });       
      }       
});   

$("#input1").alertWhileClick(); //页面上为:<input id="input1" type="text"/>


$("#input1") 为一个jQuery实例,当它调用成员方法 alertWhileClick后,便实现了扩展,每次被点击时它会先弹出目前编辑里的内容。


2 jQuery.extend(object); 


为jQuery类添加添加类方法,可以理解为添加静态方法。如:


$.extend({


add:function(a,b){return a+b;}


});


便为jQuery添加一个为 add的“静态方法”,之后便可以在引入jQuery的地方,使用这个方法了,如 $.add(3,4); //return 7

 四.jquery中绑定change事件方法:
//方法1.html标签中像使用onClick()方法一样使用onchange()方法

//方法2
$("#tagId").change(function(){
//...
}); //方法3
$("#tagId").on("change",function(){
//...
}); //触发change事件
$("#tagId").trigger("change");

 五.利用jquery的selector获取标签并移除

$("small[attr1=remote][attr2=cnNm]:first").remove();

如上代码,small为html标签。含义为选取属性键值为attr1=remote且attr2=cnNm的所有small标签的第一个,将其remove掉。

六.编写jquery插件实现在js脚本中获取URL中的参数,类似于后台request.getParameter("xxx")

(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
})(jQuery);

使用示例:

var urlParam=$.getUrlParam('userName');

jquery常用语句总结的更多相关文章

  1. jquery常用语句

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. [小问题笔记(七)] JS和 jQuery常用语句笔记(隐藏/显示/禁用标签 日期操作 跳转等)

    隐藏/显示标签 $("#div1").css("display", "none");$("#div2").css(&qu ...

  3. jquery常用写法简单记录

    好久不写东西了......话不多说,主要记录一下,最近做的项目中用到的js的记录(虽然特别特别简单) 一 jquery常用写法记录 jQuery(this).addClass("select ...

  4. SQL server 常用语句

    SQL Server中常用的SQL语句   1.概述 2.查询概述 3.单表查询 4.连接查询 5.带有exists的相关子查询 6.SQL的集合操作 7.插入操作 8.删除操作 9.修改操作 10. ...

  5. mysql常用语句总结

    1.创建语句 CREATE DATABASE database_name //创建数据库 //删表 DROP TABLE IF EXISTS `t_social_user_extend`; //建表C ...

  6. JS常用语句

    JavaScript常用语句 1.document.write("");    输出语句 2.JS中的注释为   // 3.传统的HTML文档顺序是:     document-& ...

  7. velocity常用语句速查表

    velocity常用语句 * 变量定义 #set($directoryRoot = "www" ) * #if($!list.size() != 0) //判断list不为空 #f ...

  8. 24、jQuery常用AJAX-API/Java调用MySQL / Oracle过程与函数

      1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取 ...

  9. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

随机推荐

  1. 在 Windows Azure 网站中进行纵向扩展和横向扩展

    编辑人员注释:本文章由 Windows Azure 网站团队的项目经理 Byron Tardif 撰写. 当您开始一个新的 Web 项目,或者刚刚开始开发一般的网站和应用程序时,您可能希望从小处着手. ...

  2. 2014第11周四Eclipse开发问题记

    今天开发中eclipse工具使用上又学到几点: 1.去除代码空行:在Find输入框中输入:^\s*\n然后替换为空即可: 2.eclipse插件的加载:对于单一个jar文件的插件,直接放在plugin ...

  3. magento 获取attribute的所有option

    $attribute = Mage::getSingleton('eav/config')->getAttribute('catalog_product', 'color');if ($attr ...

  4. C#复制数据库,将数据库数据转到还有一个数据库

    本文章以一个表为例,要转多个表则可将DataSet关联多个表.以下给出完整代码.包含引用以及main函数与复制函数. 要说明的是,必须先用Sql语句复制表结构,才干顺利的使用下面代码复制数据. usi ...

  5. Sublime-text 自己定义快捷键攻略

    好吧.我承认今天非常悲剧,本来上午就写好了这篇博文,公布之后,在自己的博文里怎么也找不到. 所以如今又又一次写了一份.希望大家能顶一下吧...Nothing is better than your s ...

  6. HBASE学习笔记--配置信息

    hbase的配置信息,在hbase-site.xml里面有详细说明. 可以按照需要查询相关的配置. <?xml version="1.0"?> <?xml-sty ...

  7. 图片处理之-Bitmap.Config,jpeg压缩与大小

    关于ARGB_8888.ALPHA_8.ARGB_4444.RGB_565的理解 A:透明度 R:红色 G:绿 B:蓝 Bitmap.Config ARGB_4444:每个像素占四位,即A=4,R=4 ...

  8. ssh框架用JUnit测试

    public class testAuxDict { //读spring配置文件 public static BeanFactory factory = new ClassPathXmlApplica ...

  9. iOS通知NSNotificationCenter

    NSNotificationCenter消息通信 作用:NSNotificationCenter是专门供程序中不同类间的消息通信而设置的. 注册通知:即要在什么地方接受消息 [[NSNotificat ...

  10. c++多线程同步使用的对象

    线程的同步 Critical section(临界区)用来实现“排他性占有”.适用范围是单一进程的各线程之间.它是: ·         一个局部性对象,不是一个核心对象. ·         快速而 ...