发表于

data()方法

data()是获取或修改元素中自定义 data-* 属性值的方法

语法

$(selector).data(name) // 获取所选元素的data-name的值

$(selector).data(name,value) // 修改所选元素的data-name的值为value

实例

<div class="div" data-name="value"></div>

$('.div').data('name') // 获取值为value

$('.div').data('name','newValue') // 修改data-name的值为newValue

*注意修改data-name的值后并不会实时展现在dom中*

each()方法

each()方法是为每个匹配的元素定义需要运行的函数

语法

$(selector).each(function (index, ele){});

//index参数为当前元素的index;
//ele参数为当前元素,也可以使用this代替;

实例

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

$('li').each(function (index, ele){
  if(index == 0){
    $(ele).text('ele1');
  } else {
    $(ele).text('ele');
  }
  });

  *结果*
  <ul>
    <li>ele1</li>
    <li>ele</li>
    <li>ele</li>
  </ul>

get()方法

使用index获取选择器的元素

语法

$(selector).get(index); // index为元素在选择器中的序号

实例

<ul>
  <li>ele0</li>
  <li>ele1</li>
  <li>ele2</li>
</ul>

console.log($('li').get(0)); // 控制台输出结果为: <li>ele0</li>

concole.log($('li').get(1)); // 控制台输出结果为: <li>ele1</li>

*注意* get()方法获取的是元素本身

index()方法

获取元素相对于选择器中的位置

语法

$(selector).index()

$(selector).index(ele) // ele为Dom元素或是jQuery选择器

实例

<ul>
  <li>ele0</li>
  <li id="ele1">ele1</li>
  <li>ele2</li>
</ul>

$('li').index(); // 默认获取选择器中第一个的index;结果为 0

var ele = getElementById("ele1"); // var ele = $("#ele1");
$('li').index(ele); // 结果为: 1

$.onConflict()方法

用于释放jQuery对于jQuery和$变量的控制权

语法

$.noConflict(); //释放$变量对jQuery的控制权

$.noConflict([removeAll]);

// removeAll为boolean值true,flase;当值为true时释放$和jQuery变量

实例

var j = $.noConflict();

var li = $('li');

//报错,提示$不是函数

var j = $.noConflict();

var li = jQuery('li');

var li = $('li');

//报错,提示jQuery和$不是函数

$.param()方法

序列化数组或对象,主要用于Ajax生成查询参数

语法

$.param()

发表于

$.extend()用来扩展jQuery类本身，为类添加新方法
$.fn.extend()用来扩展jQuery对象方法。

extend() 的一般用法

extend(dest,src1,src2,...);

它的含义是将src1，src2，…合并到dest上，返回值为合并后的dest。

使用方法：

var dest = $.extend({},{name:"tom",age: 21},{name: "levon", age: 28, sex: "male"});
//{}作为dest参数

结果：

dest = {name: "levon", age: 28, sex: "male"};

注意：在前面的参数与后面的参数有相同的名字时，后面的参数值将会覆盖前面参数的值。

extend() 省略dist用法

extend(src);

省略dest参数的时候，extend就只能有一个src参数，而且是将src合并到调用extend的对象当中。

使用方法：

$.extend(src)

$.extend({hello:function (){console.log("Hello World!");}});

该方法将src合并到jQuery的全局对象中。

$.fn.extedn(src)

$.fn.extend({hello:function (){console.log("Hello World!");}});

该方法将src合并到jQuery的实例对象中。

例子：

$.extend({newbee: {}});

这是在jQuery全局对象中扩展名为newbee的命名空间。

$.extend($.newbee,{hello:function (){console.log("Hello World!");}});

这是将hello函数扩展到newbee命名空间上。

extend() boolean 参数用法

$.extend(boolean, src1, src2, ...);

当第一个参数为true时，其余参数将会深度拷贝，并返回合并后的值。

使用方法：

$.extend(true, {hello:{say:"hello"}},{world:"say no"});

结果：

dest = {hello:{say:"hello"},world:"say no"}

发表于

#1.ssh方式解决
步骤一：在本地生成git ssh-key 然后配置到你自己的github帐号中
步骤二：修改hexo项目中_config.yml文件中的deploy-repo项

1
2
3
4
deploy:
  type: git
  repo: ssh://git@github.com/yourname/yourname.github.com.git
  branch: master