JQuery获取和修改元素;jQuery和js对象之间的转换

news/2024/7/10 23:57:00 标签: java, jquery, javascript
javascript">1.获取jQuery对象
var btns = document.getElementByTagName("button");//获取js对象
var $btns = $('button');//获取jQuery对象
var $btns = jQuery('button');//获取jQuery对象
var $btns = window.jQuery('button');//获取jQuery对象1)如果出现错误信息:$ is not defined 原因:JQuery属于第三方封装库,在使用时需要先引入对应的js文件 
(2)命名:如果同一个文件中既有js对象又有jQuery对象,通常jQuery对象的前面会加上$来进行区分
(3)注意:jQuery的方式所获取到的元素都是一组元素,即便是按照ID获取的也是一组(该组中只有一个元素)

2.对象的转换
jQuery的形式获取到的都是一组元素,那么如果想要其中某一个元素对象,该怎么做?
(1)使用jQuery获取的对象同样是数组的形式,因此可以通过下标来查找元素	.2)jQuery本身也提供了对应的方法来进行元素的查找即get(index)
通过上诉两种方案来获取对象后,获取到的对象就变成了js对象
例如:$btns本身是jQuery对象,$btns[1],$btns.get(1)就变成了js对象
影响:js对象不允许使用jQuery对象中的属性和方法,jQuery对象也不允许使用js对象中的方法和属性
js转jQuery:
	使用$(js对象)
	例如:btns[2]是js对象,$(btns[2])是jQuery对象
	
3.值得获取和修改
text() html() val()
回顾js中是如何获取及修改元素的内容的:
btns[1].innnerHTML或btns[1].outerHTML 区别:后者带标签,前者只有标签的值
 jQuery的形式获取和修改元素内容
 text() html() val()没有参数代表获取,有参数代表是修改,参数即要修改的内容
 text()获取到的是一组元素的合并文本
 html()获取到的是一组元素中第一个元素的值
 val()获取到的是一组元素中第一个元素的值
 修改值时,  text() html() val()都是修改一组元素中的所有元素的值


http://www.niftyadmin.cn/n/1679735.html

相关文章

编程之case语句

一、使用$random变量随机取10个随机数,进行最大值和最小值对比#!/bin/bash # declare -i MAX0 for I in {1..10};doMYRANDOM$RANDOM[ $I -eq 1 ] && MIN$MYRANDOM;if [ $I -le 9 ];thenecho -n "$MYRANDOM,"elseecho "$MYRANDOM"fi[ $…

构造方法的初始化

想像一下你正在用java写程序,并且用下面的代码初始化类 A 和 B 的对象:class A {int a f();int f() {return 1;}} class B extends A {int b a;int f() {return 2;}} public class CtorDemo1 {public static void main(String args[]) {B bobj n…

java查询特定字符在字符串出现次数,Java获取指定字符串出现次数的方法

Java中 获取指定字符串在另一个字符串中出现的次数,供大家参考,具体内容如下/*** param args*/public static void main(String[] args) {String srcText "Hello World";String findText "e";int num appearNumber(srcText, find…

jQuery选择器和遍历

jQuery中选择器的使用 有哪些选择器: ID选择器、类选择器、标签选择器、属性选择器、伪类选择器 常用的获取元素的方式: 第一种:通过CSS中的选择器来进行元素的获取 第二种:通过JQuery提供的方法来进行获取 需求1:使…

Atlassian的Stash数据中心为Git提供了高可用性及可伸缩性

Atlassian最近发布了Stash数据中心,这是一个具有高可用性以及横向扩展能力的部署选择,用于本地源代码与Git库管理解决方案Stash。这套系统能够在不产生停机时间的情况下直接添加新节点,以实现双主机方式(active/active&#xff09…

matlab 程序中tf,tftoolbox 本书包含的实例所使用的源程序清单,文件夹第3章~第7章分别包括各章节内 matlab 238万源代码下载- www.pudn.com...

文件名称: tftoolbox下载收藏√ [5 4 3 2 1 ]开发工具: matlab文件大小: 2243 KB上传时间: 2013-03-09下载次数: 1提 供 者: double详细说明:本书包含的实例所使用的源程序清单,文件夹第3章~第7章分别包括各章节内的实例源程序。2.源程序…

request对象与登录流程

第1阶段:课前必备基础知识 (1)web流程图 (2)http协议 简介: 超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协…

php生成excel完整实例代码,php生成excel列序号代码实例

php生成excel列序号代码实例发布于 2015-02-01 11:55:57 | 112 次阅读 | 评论: 0 | 来源: 网友投递PHP开源脚本语言PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点&#xff…