JQuery的API

一.特点:

1.链式操作

2.选择器内容

$('div')

.find('span')

.html()

.css();

$();

引入一个js插件库

<script src="js/jquery-1.11.3.js"></script>

二.jQuery的引入

cdn的引入方法(需要在有网且网速比较好的情况下使用)

<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>

 本地下载引入

<script src="js/jquery-1.11.3.js"></script>

var div = document.getElementsByTagName('div')[0];

console.log(div);

实例方法 :在jq对象中使用的方法

console.log($('div').html(123));

三.jQuery和js之间的转换

  $(); ----封装好的一个对象

   1.css 的选择器

   $('.wrapp').html(123);

  2.jq 特有的选择器

  $('.wrapp ul li:eq(3)').html(456);

  3.null undefined 容错机制 

 4.$(function(){ })     $(document).ready();  简写为$().function()

四.jqueryAPI

把新建的元素添加在页面上某一个元素的里面

1.$().append()     //append()后面的元素插入到append前面的元素的(后面)

2.$().appendTo()    //$(A).appendTo(B); 把A追加到B中(后面)

3.$().prepend()     //prepend()后面的元素插入到prepend前面的元素的(前面)

4.$().prependTo()    //$(A).prependTo(B); 把A追加到B中(前面)

把新建的元素添加在页面上某一个元素的外面

1.$().after()    后面

2.$().before()   前面

3.$().insertAfter()     $(A).insertAfter(B);  在B元素后面插入一个A元素

4.$().insertBefore()   $(A).insertBefore(B);   在B元素前面插入一个A元素

1.删除css

removeClass();  删除class

$().toggleClass();如果存在一个类,就回去删除一个 ,切换class

2.删除属性

removeAttr();  

3.删除元素

remove(); //自杀式的删除 连同元素一起删除

empty(); //删除内容

1.修改css

css()

addClass();

2.修改属性

attr()

3.修改元素

1.替换

2.删除再创建再插入

1.查找css

hasClass()返回值是一个boolean

2.查找属性

attr();

3.查找元素

eq();get();

first();last();

find();filter();

has();返回一个被查找出来的新的对象

children();siblings();parent();parents();

next();nextAll();

prev();prevAll();

end();

原文地址:https://www.cnblogs.com/hyh888/p/11688303.html