jQuery基本认识
温馨提示:
本文最后更新于 2022年06月18日,已超过 8 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
jQuery的基本语法
jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,jQuery 很容易学习。
jQuery的出现让我们告别了操作js的繁琐,原来需要几行代码才能完成的事情,现在一行代码就可以搞定,大大提高了我们开发的效率
jQuery 库可以通过一行简单的标记被添加到网页中
jQuery包含了大量的插件,基本涵盖了js的所有功能
使用jQuery的不步骤
- jQuery的安装
- jQuery文件的引入
jQuery的基本语法
js的原生语法
<script>
function funl() {
//获取
var obj = document.getElementById("text1");
alert(obj.value);
}
</script>
这段代码的含义是获取id为指定值的元素对象,并将其弹出到页面上
jQuery语法完成
var obj = $("#text1")
这样是不是就省去了很多的代码,并且也好记忆
Dom对象转化为jQuery
使用原生js生成的我们称之为dom对象,使用jQuery生成的我们称之为jQuery对象,到那时有些时候我们需要将其转化,这样我们才能使用它提供的方法
转化为方法很简单,只要将获得的dom对象放入$()
中即可完成转化
var $obj = $(obj);//其中obj是dom对象
jQuery对象转化为dom对象
因为jQuery获取元素的时候,得到的是数组形式的,数组中的第一个元素对应的就是dom对象,所以,我们只要获取到jQuery对象中的第一个对象即可
$("#text")[0]
基本的选择器
- id选择器$("#dom对象")
- class选择器$(".class名称")
- 标签选择器$("标签名称")
- 所有选择器$("*")
- 组合选择器
正文到此结束
- 本文标签: Java jQuery
- 本文链接: https://www.rlfit.cn/article/34
- 版权声明: 本文由若离风原创发布,转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权