| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> (与jQuery靠近乎)01-js 与 jQuery对象转换 -> 正文阅读 |
|
[JavaScript知识库](与jQuery靠近乎)01-js 与 jQuery对象转换 |
今天,我还是风尚,一个有梦想的咸鱼程序员 今天我们来和jQuery来靠近乎 首先先来问大家几个问题吧 1. js难不难? 2. js如何获取DOM节点? 3. js如何等待页面加载完毕执行? 4. js如何控制元素的显示与隐藏? 这几个问题是否难为着你了?你是否感觉去翻了翻你雪藏的笔记? 是的话你得好好龚实一下你的js基本功了啊!!! 必背单词:必须背!!!query? --查询? ?load--??加载? ?ready? --准备? ? ? ?document ---?文档? ? ??toggle? ----切换? ? ? ?get? 获取 show() ---? ?显示? ? ? ? ? ??hide() ? 隐藏? ? ? ? ? ? toggle() ? 切换? ? ? ? ? ? ? ???css()????? ? css获取/设置 addClass()? 添加类? ? ? ? removeClass()? 移除列? ? ? ? ? ? ? ? ? ? ? ? ? ? ?toggleClass()????? ? 切换类 ----------------------------------------------------------------------------------------------------------------------- ? 言归正传:关于jQuery对象与js中DOM对象转换定义DOM对象 JavaScript方式 ? var id=document.getElementById(“id”); jQuery方式 ? var $id=$(“#id”); jQuery对象是一个类数组对象,可以通过[index]的方法得到相应的DOM对象 ? jQuery对象转换成DOM对象 var $id=$(“.d”);? ?------? ? ??得到一个jQuery数组对象$id var id=$id[0];? ?--------? ?得到数组中的第一个DOM对象 另外也可以使用: var id=$id.get(0); Dom对象转换为jQuery对象 var id=document.getElementById(“id”); var $id=$(id); 在jQuery库中,$就是jQuery的一个简写形式。 如: ? $(“#id”) 等价于 ? jQuery(“#id”) 在编写JavaScript时应尽量避免使用jQuery和$定义变量或方法, 以免在同时使用JavaScript和jQuery时发生冲突。 ------------------------------------------------------------------------------------------------- jquery入口小函数: $(function(){}) jquery对象与DOM对象的区别 jQ->js? $(选择器)[索引]??? $(选择器).get(索引) -------------------------------------------------------------------------------------------------------- 今日份分享到这里结束了我还是风尚,一个有梦想的咸鱼程序员!让我们一起努力,共创明天的辉煌!喜欢就给个小关注啊,关注风尚不迷路!----------------------------------------------------------------------------------------------------------- 风尚在这里提醒大家一定要谨记::::::: 使用jquery api文档 1. api文档不需要背,需要了当工具查 2. jQquery 等同于 $ 3. jQuery([selector,[context]]) []代表选填内容 4. 认真阅读 参数,示例,返回值 ----------------------------------------------------------------------------------------------------------- jQ插件库下载基地 ? jQuery插件库-收集最全最新最好的jQuery插件https://www.jq22.com/ jQ官网 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/27 21:48:18- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |