jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger)-(一)

1.jquery  data(name)

data() 方法向被选元素附加数据,或者从被选元素获取数据。

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

2.jquery arguments

arguments是指向实参对象的引用,实参对象是一个类数组对象 .

arguments 的索引 从 0, 1,2,....递增,与实参逐个对应.

arguments.length 属性代表实参的个数

arguments一定不是数组, 是长的比较像数组的一个对象,虽然也有length属性

arguments每个函数都会有,因此,arguemnts只会在内部找自身的arguments,无法引用到外层的arguments

// 求圆形面积,矩形面积, 三角形面积
  function area () {
  if(arguments.length == 1) {
  alert(3.14 * arguments[0] * arguments[0]);
  } else if(arguments.length == 2) {
  alert(arguments[0] * arguments[1]);
  } else if(arguments.length == 3) {
  alert(arguments[0] + arguments[1] + arguments[2]);
  } else {
  return null;
  }
  }

//调用
  area(10,20,30);
  

3.jquery target()     event.target

target 属性规定哪个 DOM 元素触发了该事件。

$("p, button, h1, h2").click(function(event){
  $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

<p></p>

<button></button>

<h1></h1>

<h2></h2>

//当点击p标签的时候显示:点击事件由 P 元素触发
....

4.jquery trigger(event,[参1,参2,...])

trigger() 方法触发被选元素的指定事件类型。(可自定义事件,可以传参)自定义事件非常重要且有用!

 //myEvent为自定义事件名

        $("#p1").bind("myEvent",function(str1,str2) {

               alert(str1 + ‘ ‘ + str2); 

          });  

         $("#p1").trigger("myEvent",["Hello","World"]); 

//也可以这样写:

    $("#p1").bind("myEvent",function(str1,str2) {

               alert(str1 + ‘ ‘ + str2); 

          }).trigger("myEvent",["Hello","World"]); 

5.js substring(start,stop)

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

var str="Helloworld!"
document.write(str.substring(3,7))

//结果
lowo

var str="Hello  world!"//有两个空字符
document.write(str.substring(3,7))

//结果
lo

//两者的结果有区别,字符串之间的空字符串占用索引!

看清楚 没有r 这个stop处的字符!

重要事项:与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

6.js slice(start,stop)

slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。与上面的substring一样不包括 stop处的字符;

还有一个不同是:start,stop可以使用负数!也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。

data() 方法向被选元素附加数据,或者从被选元素获取数据。

时间: 2024-10-29 16:23:38

jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger)-(一)的相关文章

jQuery之常用且重要方法梳理(siblings,nextAll,end,wrap,apply,call,each)-(二)

1.siblings() siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的. <body> <div><span>Hello</span></div> <p class="selected">Hello Again</p> <p>And Again</p> <script> $("p").siblings("

jquery里正则的使用方法及常用的正则验证

本文是一篇关于jquery使用正则来验证输入,及一些常用验证规则的基础文章,适合新手. 假设我们的网页里有这样的一个表单: <input id="aijquery" type="text"> <button id="btn">验证</button> 1.验证用户输入的只能是英文和数字: $("#btn").click(function(){ var $aijquery=$("#ai

夺命雷公狗jquery---18jquery中常用属性(方法)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> //页面载入 $(function(){ //为按钮版定事件 $('#btnok').click(function(){ alert

jquery常用函数与方法汇总

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat

Jquery的常用使用方法

1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项$('input:checkbox').each(function() {        if ($(this).attr('che

jquery 常用选择器及方法

1.jQeury:$("div span")和$("div>span")有什么区别啊?不都是选择div标签下的span么? 这涉及到CSS的知识哦~说明你的CSS没怎么学好呢嘿嘿,有空记得补学一下CSS基础. 关于CSS的选择器, > 是用来选取兄弟什么的(具体叫法我也忘了) 举个例子 <div> <span id = "span1"></span> <span id = "span

JQuery常用选择器,方法,正则表达式

JQuer常用选择器,方法,正则表达式 JQuer 选择器 1) 标签选择器:$(" h3 ")取全部的h2元素 层次选择器:$("#div a ")取div下全部<a>元素 类选择器:  $(".title ")取全部class下的title元素 子选择器:     $(" #menu>span ")选取#menu下的子元素 Id 选择器:     $(" # title")取id 为t

jQuery的常用操作

梳理一下jQuery的常用操作 jQuery隐藏显示对象 id为test的元素的display修改成了"none",即隐藏了id为test的元素:$('#test').css('display','none') 或 $('#test').style.display="none" 我们经常用到的是切换一个元素的隐藏与现实,下面给出代码: var show = $('#test').css('display');//获取id为test的元素的display的值$('#t

jQuery教程 - Ajax之load()方法

jQuery教程 - Ajax之load()方法 标签: jqueryajaxxmlhttprequesthtmlcallback 2009-10-05 14:54 3700人阅读 评论(3) 收藏 举报  分类: jQuery(7)  版权声明:本文为博主原创文章,未经博主允许不得转载. jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是laod().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON(