// 获取myinput 的value值
var value = $(“#myinput”).val()
// 设置myinput 的value值
var value = $(“#myinput”).val(“你好”)
关于上述代码的实际演示如下:
标题标签
二、属性操作
==========
(1)通用属性操作
1. attr():
**作用:**获取/设置元素的属性
//获取北京节点的name属性值
var bj = $(“#bj”).attr(“name”);
alert(bj);
//设置北京节点的name属性的值为dabeijing
$(“#bj”).attr(“name”, “dabeijing”);
//新增北京节点的discription属性 属性值是didu
$(“#bj”).attr(“discription”, “didu”);
//删除北京节点的name属性并检验name属性是否存在
2. removeAttr()
**作用:**删除属性
//删除北京节点的name属性并检验name属性是否存在
$(“#bj”).removeAttr(“name”);
3. prop()
**作用:**获取/设置元素的属性
//获得hobby的的选中状态
var hobby_type = $(“#hobby”).prop(“checkbox”);
4. removeProp()
**作用:**删除属性
//删除hobby的CheckBox属性
var hobby_type = $(“#hobby”).removeProp(“checkbox”);
5.attr和prop区别
-
如果操作的是元素的固有属性,则建议使用prop
-
如果操作的是元素自定义的属性,则建议使用attr
(2)对class属性操作
1. addClass()
**作用:**添加class属性值
//
//给one标签增加属性
$(“#b2”).click(function () {
$(“#one”).addClass(“second”);
});
2. removeClass()
**作用:**删除class属性值//<input type=
//
//删除one标签的class属性
$(“#b3”).click(function () {
$(“#one”).removeClass(“second”);
});
3. toggleClass()
**作用:**切换class属性
//
//为one标签的class样式进行切换,有class属性就删除,没有就添加
$(“#b4”).click(function () {
$(“#one”).toggleClass(“second”);
});
在这里对该函数做一个详细的介绍:
如toggleClass(“one”):
* 判断如果元素对象上存在class=“one”,则将属性值one删除掉。 如果元素对象上不存在class=“one”,则添加
4. css()
**作用,**修改元素属性
//
$(“#b5”).click(function () {
var backgroundColor = $(“#one”).css(“backgroundColor”);
alert(backgroundColor);
});
//
$(“#b6”).click(function () {
$(“#one”).css(“backgroundColor”,“green”)
});
三、CRUD操作
============
1. append()
**作用:**父元素将子元素追加到末尾
**样例:**对象1.append(对象2): 将对象2添加到对象1元素内部,并且在末尾
2. prepend()
**作用:**父元素将子元素追加到开头
**样例:**对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头
3. appendTo()
**样例:**对象1.appendTo(对象2):将对象1添加到对象2内部,并且在末尾
4. prependTo()
**样例:**对象1.prependTo(对象2):将对象1添加到对象2内部,并且在开头
5. after()
**作用:**添加元素到元素后边
样例:对象1.after(对象2): 将对象2添加到对象1后边。对象1和对象2是兄弟关系
6. before()
**作用:**添加元素到元素前边
**样例:**对象1.before(对象2): 将对象2添加到对象1前边。对象1和对象2是兄弟关系
7. insertAfter()
**样例:**对象1.insertAfter(对象2):将对象1添加到对象2后边。对象1和对象2是兄弟关系
8. insertBefore()
**样例:**对象1.insertBefore(对象2): 将对象1添加到对象2前边。对象1和对象2是兄弟关系
9. remove()
**作用:**移除元素
**样例:**对象.remove():将对象删除掉
10. empty()
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-wnrrCgps-1715040875155)]
[外链图片转存中…(img-ynay7nBq-1715040875155)]
[外链图片转存中…(img-gHGibfj0-1715040875156)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!