点餐微信小程序开发_jQuery设计思维

  • 栏目:行业动态 时间:2021-01-12 13:22 分享新闻到:
<返回列表

jQuery设计思想       在深入了解jQuery的各个细节之前,需要对jQuery的设计思想有一个大致的了解。在遇到问题时, 知道应该使用jQuery的哪一个功能,然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想。下面跟着小编一起来看下吧

前面的话

在深入了解jQuery的各个细节之前,需要对jQuery的设计思想有一个大致的了解。在遇到问题时, 知道应该使用jQuery的哪一个功能,然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想

选择元素

jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他javascript库的根本特点

使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素

【模拟CSS选择元素】

$(document) //选择整个文档对象
$('#myId') //选择ID为myId的网页元素
$('div.myClass') // 选择class为myClass的div元素
$('input[name=first]') // 选择name属性等于first的input元素

【特有表达式选择】

$('a:first') //选择网页中第一个a元素
$('tr:odd') //选择表格的奇数行
$('#myForm :input') // 选择表单中的input元素
$('div:visible') //选择可见的div元素
$('div:gt(2)') // 选择所有的div元素,除了前三个
$('div:animated') // 选择当前处于动画状态的div元素

【多种筛选方法】

$('div').has('p'); // 选择包含p元素的div元素
$('div').not('.myClass'); //选择class不等于myClass的div元素
$('div').filter('.myClass'); //选择class等于myClass的div元素
$('div').first(); //选择第1个div元素
$('div').eq(5); //选择第6个div元素

写法

【方法函数化】

在原生javascript中,赋值操作符用的比较多。而在jQuery中,多使用函数传参的方式,也就是方法函数化

window.onload = function(){};
//jQuery
$(function(){});
div.onclick = function(){};
//jQuery
div.click(function(){});
div.innerHTML = '123';
//jQuery
('123');

【链式操作】

选中网页元素以后,可以对它进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出来

<('Hello');

分解开来,就是下面这样:

$('div') //找到div元素
.find('h3') //选择其中的h3元素
.eq(2) //选择第3个h3元素
.html('Hello'); //将它的内容改为Hello

这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起

jQuery还提供了.end()方法,使得结果集可以后退一步

$('div')
.find('h3')
.eq(2)
.html('Hello')
.end() //退回到选中所有的h3元素的那一步
.eq(0) //选中第一个h3元素
.html('World'); //将它的内容改为World

【取赋值合体】

操作网页元素,最常见的需求是取得它们的值,或者对它们进行赋值。jQuery使用同一个函数来完成取值(getter)和赋值(setter),即"取值器"与"赋值器"合一。到底是取值还是赋值,由函数的参数决定

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

常见的取值和赋值函数如下

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

需要注意的是,如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;取值的时候,则是只取出第一个元素的值

[注意].text()例外,它取出所有元素的text内容

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!


分享新闻到:

更多阅读

点餐微信小程序开发_jQuery设计思维

行业动态 2021-01-12
jQuery设计方案观念 在深层次掌握jQuery的每个关键点以前,必须对jQuery的设计方案观念有...
查看全文

广州凡科互联网科技股份有限公司招聘商

行业动态 2021-01-12
招聘人数:17职位信息1. 根据公司销售计划,形成相应的销售策略,并确保有效地在城市范围内...
查看全文

广州凡科互联网科技股份有限公司招聘跨

行业动态 2021-01-12
招聘人数:2职位信息岗位职责:1.公司提供Facebook平台精准用户资源,负责Facebook平台用户对接...
查看全文
返回全部新闻


区域站点: 南丰县主图制作软件   南宫市自动抠图   囊谦县图片加水印   南和县怎么p图   南华县主图制作软件   南江县自动抠图   南京市图片加水印   南靖县怎么p图   南康市主图制作软件   南乐县自动抠图   南陵县图片加水印   南宁市怎么p图   南平市主图制作软件   南皮县自动抠图   南市区图片加水印   南通市怎么p图   南投县主图制作软件   南雄市自动抠图   南溪县图片加水印   南阳市怎么p图   南漳县主图制作软件   南召县自动抠图   南郑县图片加水印   那坡县怎么p图   那曲县主图制作软件   纳雍县自动抠图   讷河市图片加水印   内黄县怎么p图   内江市主图制作软件   内丘县自动抠图   内乡县图片加水印   嫩江市怎么p图   聂荣县主图制作软件   尼玛县自动抠图   尼木县图片加水印   宁安市怎么p图   宁波市主图制作软件   宁城县自动抠图   宁德市图片加水印   宁都县怎么p图   宁国市主图制作软件   宁海县自动抠图   宁化县图片加水印   宁晋县怎么p图   宁陵县主图制作软件   宁明县自动抠图   宁南县图片加水印   宁强县怎么p图   宁陕县主图制作软件   宁武县自动抠图   宁乡市图片加水印   宁阳县怎么p图   宁远县主图制作软件   农安县自动抠图   磐安县图片加水印   盘锦市怎么p图   盘山县主图制作软件   磐石市自动抠图   盘州市图片加水印   蓬安县怎么p图   澎湖县主图制作软件   蓬莱市自动抠图   彭山县图片加水印   蓬溪县怎么p图   彭阳县主图制作软件   彭泽县自动抠图   彭州市图片加水印   偏关县怎么p图   平安县主图制作软件   平昌县自动抠图   平定县图片加水印   屏东县怎么p图   平度市主图制作软件   平果县自动抠图   平和县图片加水印   平湖市怎么p图   平江县主图制作软件   平乐县自动抠图   平凉市图片加水印   平利县怎么p图   平罗县主图制作软件   平陆县自动抠图   屏南县图片加水印   平泉市怎么p图   屏山县主图制作软件   平顺县自动抠图   平塘县图片加水印   平潭县怎么p图   平武县主图制作软件   萍乡市自动抠图   平乡县图片加水印   平阳县怎么p图   平遥县主图制作软件   平阴县自动抠图   平邑县图片加水印   平远县怎么p图   平舆县主图制作软件   皮山县自动抠图   普安县图片加水印   浦北县怎么p图   浦城县主图制作软件   普洱市自动抠图   普格县图片加水印   浦江县怎么p图   普兰县主图制作软件   普宁市自动抠图   莆田市图片加水印   迁安市怎么p图   乾安县主图制作软件   潜江市自动抠图   潜山市图片加水印  

友情链接: 一键抠图在线 在线ps抠图 在线ps抠图 免费做图 手机版

Copyright © 2002-2020 图片加水印_怎么p图_主图制作软件_自动抠图_抠图网址 版权所有 (网站地图) 备案号:粤ICP备10235580号