网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jquery设置内容,jquery 设置div内容

jQuery 的功能

该博客基于阮一峰前辈在2011年所做的分享(原链接: )

创新互联专注于企业网络营销推广、网站重做改版、宝兴网站定制设计、自适应品牌网站建设、H5场景定制商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宝兴等各大城市提供网站开发制作服务。

jQuery的核心就是:可以选择某个网页元素,然后对其进行某种操作

我们可知jQuery是一个构造函数,那么我们就可以通过选择表达式,把选中的元素,放进jQuery构造函数($)当中,从而得到选中的元素。

而选择表达式可以是CSS选择器:

也可以是jQuery特有的表达式:

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

拆解开来,就是:

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

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

创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了:

操作元素在网页中的位置移动有两种方法:

(1)直接移动该元素;

(2)移动其他元素,使得目标元素达到我们想要的位置。

(1)方法是使用.insertAfter(),把div元素移动p元素后面:

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

表面上看,这两种方法的效果是一样的,唯一的不同似乎只是操作视角的不同。但是实际上,它们有一个重大差别,那就是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。

使用这种模式的操作方法,一共有四对:

text(?) //读写文本内容

用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。

用于设置内容时,则重写所有匹配元素的内容。

html(?) //读写HTML内容

设置或返回被选元素的 innerHTML(文本 + HTML 标记)

attr('title',?) // 读写属性

设置或返回被选元素的属性值。

css({color:'red'}) //读写style

设置或返回被选元素的一个或多个样式属性。

addClass('blue')

向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

on('click',fn)

支持动态绑定元素,即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素

off('click',fn)

用于移除通过 on()方法添加的事件处理程序

jquery如何修改标签的内容?

jquery如何修改标签的内容步骤如下:

以下修改a标签的href链接和修改文字的代码:

script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"/script

原链接:

a href="" id="home_keleyi_com"柯乐义/a

修改a标签的href链接:

$('#home_keleyi_com').attr('href','')

修改文字:

$("#home_keleyi_com").text('柯乐义首页')

修改后的链接为:

a href="" id="home_keleyi_com"柯乐义首页/a

jQuery定义:

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

参考资料

keleyi.jQuery[引用时间2018-1-5]

动态设置Jquery.html内容

$("#list").html(""); //这句代码执行了

$("#list").html(table);//却没有执行

jQuery获取/设置表单内容

原生js是通过value属性来获取/设置表单内容

jQuery中是通过 val() 方法来获取/设置表单内容

动态数据添加和删除练习:

jquery 操作div内容插入到另一个div

1、我们先引入jquery的脚本文件。

2、在html里,我们在一个div里有内容「百度」。

3、后面添加一个按钮,有一个changeText的事件函数。

4、在changeText方法里,我们先使用jquery通过id获得对应的div。

5、然后使用jquery的html方法来直接设置新的文字内容就行了。

6、点击按钮后,div的文字内容变成「百度知道」了。

jquery的什么方法用于设置或返回备选元素的内容(包括标签不仅仅是文本)?

方法/步骤

新建html文件

请点击输入图片描述

创建p元素文本和按钮

请点击输入图片描述

引入jquery.js

请点击输入图片描述

html() 方法设置被选元素的内容

请点击输入图片描述

预览效果如图

请点击输入图片描述

点击按钮,p元素内容发生改变,预览效果如图

请点击输入图片描述


当前标题:jquery设置内容,jquery 设置div内容
转载来于:http://bjjierui.cn/article/dsgpcsp.html

其他资讯