博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery基础
阅读量:5940 次
发布时间:2019-06-19

本文共 1147 字,大约阅读时间需要 3 分钟。

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

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

  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.append();    //追加,不改变原先内容的情况下添加内容    a.remove();    //移除,可以移除页面上的内容    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");        //获取样式

 

转载于:https://www.cnblogs.com/zxbs12345/p/8441007.html

你可能感兴趣的文章
Azure:不能把同一个certificate同时用于Azure Management和RDP
查看>>
Silverlight 控件的验证
查看>>
Directx11教程(15) D3D11管线(4)
查看>>
Microsoft Excel软件打开文件出现文件的格式与文件扩展名指定格式不一致?
查看>>
ios ble 参考
查看>>
[转]Pass a ViewBag instance to a HiddenFor field in Razor
查看>>
linux中注册系统服务—service命令的原理通俗
查看>>
基于托管C++的增删改查及异步回调小程序
查看>>
Oracle DBMS_STATS 包 和 Analyze 命令的区别
查看>>
给Visual Studio 2010中文版添加Windows Phone 7模板
查看>>
linux下基本命令
查看>>
windows server 2008R2 上安装配置freesshd
查看>>
手动删除SVCH0ST.EXE的方法
查看>>
已释放的栈内存
查看>>
Android网络之数据解析----SAX方式解析XML数据
查看>>
Java递归列出所有文件和文件夹
查看>>
[关于SQL]查询成绩都大于80分的学生
查看>>
Delphi(Tuxedo,BDE,ADO)三合一数据集组件HsTxQuery
查看>>
java之ibatis数据缓存
查看>>
“TNS-03505:无法解析名称”问题解决一例
查看>>