分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery基础

发布时间:2023-09-06 01:42责任编辑:郭大石关键词:jQuery

jQuery是JavaScript的方法集,本质是还是js,

用法:首先要在页面的head里引入jQuery文件,引入后就可以在之前写js代码的地方写jQuery了

<script src="js/jquery-3.3.1.min.js"></script>

  1.选取元素,基本用法是通过jQuery选择器 $() 来选取jQuery对象,$是选择器标记,括号内填写的是选取的内容

 ???//ID名选择 ???$("#aa"); ???//通过ID名选取,取出的是jQuery对象 ???$("#aa")[0]; ???//取索引0就可以取到DOM对象 ???//class名选择 ???$(".bb"); ???//通过class名选取,取出的是jQuery对象 ???$(".bb")[0] ???????//通过索引获取class中第一个元素,获取的是DOM对象 ???$(".bb").eq(0); ???//通过eq方法获取class中第一个元素,获取的是jQuery对象 ???//标签名 ???$("div"); ???//通过标签名选取 ???//属性 ???$("[name=‘btn‘]"); ???//通过属性选择

  2.操作内容,

 ???//非表单元素 ???var a = $("#aa"); ???//选取id为aa的非表单元素 ???a.html(); ???//操作元素里面的代码 ???a.text(); ???//操作元素里面的文本 ???//表单元素 ???var c = $("#cc"); ???//选取id为cc的表单元素 ???c.val(); ???//操作表单元素的value

  3.操作属性

 ???//设置属性 ???a.attr("sx","test"); ???//设置sx属性值为test ???//获取属性 ???a.attr("sx"); ???????//移除属性 ???a.removeAttr("sx"); ???// 移除sx属性 ???//操作单选框和复选框的属性 ???var d = $("[name=‘fxk‘]"); ???//获取name为fxk元素,为多个复选框 ???d.prop("checked",true); ???//设置它们的属性checked为选中状态

  4.操作样式,可以操作样式表里的样式

 ???//操作样式 ???a.css("width","100px"); ???//设置样式 ???a.css("width"); ???????//获取样式

jQuery基础

原文地址:https://www.cnblogs.com/zxbs12345/p/8441007.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved