博客列表 >jQuery初一些理解和一些概念闭包,链式,如何查找,

jQuery初一些理解和一些概念闭包,链式,如何查找,

南瓜又个梦
南瓜又个梦原创
2021年06月30日 18:03:42531浏览

jQuery的思路是通过选择器,选择元素,在对于选择这个结果而构建的对象做一些相关的操作。
这些操作就是为了实现某一个增,删,查,改,达到想要的效果,这中有用到闭包,链式操作等一些我还没了解的方法与概念,
对目前的我来说,难理清的在于,因为函数可以包含函数调用函数,在这一块需要花费稍多的时间


1,jQuery 如何获取元素
通过选择器

  1. $(document)
  2. //括号内内容是你需要查找的元素的class,名或者ID

2.jQuery 的链式操作是怎样的
链式操作是基于返回值是一个对象,在这个基础上继续对这个对象进行操作

  1. $('div').find('h3').eq(2).html('Hello');

3.jQuery 如何创建元素
创建元素也是用到了重载,创建的东西不是元素,是这个函数的api对象需要将它加到它该去的地方

  1. $('<li class="new">new list item</li>');

4.jQuery 如何移动元素
把元素放到它要去的地方或者移动其他的元素让它到该去的地方
第一种方法是使用.insertAfter(),把div元素移动p元素后面:

  1.   $('div').insertAfter($('p'));

第二种方法是使用.after(),把p元素加到div元素前面:

  1.   $('p').after($('div'));

区别在于第一个的返回对象不同,一个是div,一个是p
5.jQuery 如何修改元素的属性
捕获要修改的元素,用修改的api进行修改

  1. $('h1').html(); //html()没有参数,表示取出h1的值
  2.   $('h1').html('Hello'); //html()有参数Hello,表示对h1进行赋值

一些常见的取值和赋值的函数

  1.  .html()// 取出或设置html内容
  2.   .text() //取出或设置text内容
  3.   .attr() //取出或设置某个属性的值
  4.   .width() //取出或设置某个元素的宽度
  5.   .height() //取出或设置某个元素的高度
  6.   .val()// 取出某个表单元素的值

1,闭包和链式操作
一个函数引用外部的变量,变量和函数一起构成一个闭包;
链式操作,调用的函数的返回值,是个对象,所以任然可以继续对这个对象进行操作,一串连起来的操作就是链式操作
2,jQuery是不是一个构造函数
jQuery构造了对象,但是没有用new,所以jQuery是一个不用加new的构造函数
3.jQuery的中文文档
https://www.jquery123.com/
阮一峰的
http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议