jquery怎么设置内容和属性

 时间:2024-10-27 12:25:56

1、第一步首先介绍jquery获取内容,$("#id").text("xx")设置文本内容,改怊眶峋$("#id").html("xx")设置元素内容其中包括html标记,$("#id").val("xx")设置表单字段值,如果括号没有内容就是获取内容,如下图所示:

jquery怎么设置内容和属性

2、第二步下面通过实例来介绍jquery怎么设置内容,首先通过$("#test1").text(function(i,ori爿讥旌护gText){})来给按钮点击添加文本内容,$("#test2").html(function(i,origText){})来给按钮点击添加文本内容包括html标记,完整代码如下图所示:

jquery怎么设置内容和属性

3、第三步我们在浏览器中打开html页面,可以看到显示两段文字和添加文本内容的两个按钮,右边按钮包括添加html标记内容,如下图所示:

jquery怎么设置内容和属性

4、第四步点击显示新旧文本按钮和显示新旧HTML按钮之后,可以看到已经设置添加了内容,如下图所示:

jquery怎么设置内容和属性

5、第五步我们也可以通过$("#id").attr("属性","值")语法来设置属性,如下图所示:

jquery怎么设置内容和属性

6、第六步这里介绍一个例子,修改a标签的href属性,通过$("#runoob").attr("href","");代码将地址设置为空,如下图所示:

jquery怎么设置内容和属性
热门搜索
英语国庆节手抄报内容 五一劳动节手抄报简单 初一历史手抄报 手抄报字体设计 民间故事手抄报 端午节手抄报简单好看 诚信手抄报资料 好看的手抄报图片大全 语言的魅力手抄报内容 我爱校园手抄报内容