Jquery。
Jquery:
1、概念:JavaScript的框架。本质上就是一些JS文件,封装了JS的原生代码而已。
2、快速入门:下载Jquery -导入文件-使用。
3、JQ对象和JS对象的区别。
* :Jquery对象操作时更方便。
* :Jquery对象和JS对象方法不通用。
* : 转换:jq-->js:jq对象[ 索引 ] js-->jq : $(js对象)
4、选择器:获取元素(标签)对象。
1、基本语法:
* 获取元素对象,$("#id")
* 入口函数,$(function) 效果等同于 window.onload().区别:后者只能定义一次(会覆盖)
* 样式控制,
2、基本选择器:并集选择器--属性值逗号隔开
* 标签选择器:$("标签名“) * id选择器:$("#id”) * 类选择器: $(".class")
3、层级选择器:
*后代选择器:$(“A B”)选择A元素内部的所有B元素。$(“A> B”): 选择A元素内部的所有 B子元素
4、属性选择器:* 属性名称选择器:$("标签[属性名]") 包含指定属性的选择器。
* 属性选择器:$("标签[属性名=‘值’]") 指定属性=指定值的选择器。
5、表单过滤选择器:可用元素选择器: enable 不可用:disable 。选中选择器:checked、 selected 例子:$("input[ type=' text ' ] :enabled") $("#id:enabled")
DOM操作:
1、内容操作:
* html() :获取/设置标签体内容
* text(): 获取/设置标签体纯文本内容
* val() : 获取/设置 value值
2、属性操作:
1、通用属性操作:
* attr() :获取设置元素属性
* removeAttr():删除属性
* prop():获取设置元素属性
*removeProp():删除属性
2、对class属性操作:
3、CRUD操作:
* append():父元素将子元素追加到末尾 对象1.append(对象2),2添加到1元素内部
* prepend()开头。
* after():添加元素到元素后边,同级关系。
* before(): 前边。
* remove():移除元素。
* empty():清空所有子元素。
Jquery遍历:用for就行
Jquery事件绑定:用标准的:对象.click(function) 可以链式:对象.click(function).monseover
Jquery。的更多相关文章
- 如何在网页中添加 jQuery。
转自:http://www.runoob.com/jquery/jquery-install.html 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 ...
- 轻松玩转jquery。
一.简介 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery产生的对象时jQuery独 ...
- Jquery(一) 初识Jquery,简单使用Jquery。
距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...
- 瀑布流 jquery。
本人小菜鸟一仅仅,为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识,小菜鸟创建了一个群. 希望光临本博客的人能够进来交流. ...
- 封装通用的 ajax, 基于 jQuery。
在前端异步获取数据时候每次都是使用 ajax:为了通用性更好,然而封装通用的 ajax 是一个一劳永逸的办法. 本次基于 jQuery 封装实现: 第一步: 引入 jQuery: <script ...
- 。。。再战JQuery。。。
今天从学习JQurery的第一个函数开始!!! JQuery里面的show这个函数很不错,我很喜欢,他的使用方法如下:JQuery对象.show(speed,callback); speed你可以指定 ...
- div随意拖动,基于jquery。
$("#box").mousedown(function (e) { //e鼠标事件 var offset = $(this).position();//DIV在页面的位置 使用p ...
- jquery前端性能优化(持续添加。。。)
1.选择器的使用 (1)$('#id') 使用id来定位dom元素是性能最高的方法.jQuery底层将直接调用本地方法document.getElementById().如果id直接可以找到所要对 ...
- jquery原理的简单分析,让你扒开jquery的小外套。
引言 最近LZ还在消化系统原理的第三章,因此这部分内容LZ打算再沉淀一下再写.本次LZ和各位来讨论一点前端的内容,其实有关jquery,在很久之前,LZ就写过一篇简单的源码分析.只不过当时刚开始写博客 ...
随机推荐
- <虚树+树型DP> HNOI2014世界树
<虚树+树型DP> HNOI2014世界树 #include <iostream> #include <cstdio> #include <cstring&g ...
- 批量转换文件字符编码(GBK转UTF-8)
今天收到一份代码,拖到IDE中发现乱码,看来下编码是GBK的(
- STRING Cytoscape 网络互作图
网络图(Network)看似复杂,其实构成非常简单,网络图是一种图解模型,形状如同网络,故称网络图,由节点(node)和连线(edge)两个因素组成的.其中 node 又分为 source node( ...
- ros ap 的无线中继
https://wiki.mikrotik.com/wiki/Manual:Interface/Wireless#Repeater Wireless repeater will allow to re ...
- cad.net 2008使用WPF(摘录山人)
由于WPF的优点多多,而且在大量的winform的操作下感觉到数据操作的麻烦....推荐大家看杨中科WPF数据绑定教程 https://www.bilibili.com/video/av3388348 ...
- idea从github导入maven项目
原文地址:https://blog.csdn.net/dianyongpai3113/article/details/82784716 之后next.finish就好了
- windows x64安装与测试redis
说明:安装与测试的系统为windows X64: 1.下载redis:https://github.com/microsoftarchive/redis/releases 2.解压Redis-x64- ...
- antdpro 打包部署后访问路由刷新后404
antdpro build 后访问路由刷新后 404? 解决方法有三种: 1. 改用 hashHistory,在 .umirc.js或者是config.js 里配 history: 'hash' 2. ...
- Python 中拼音库 PyPinyin 的用法【华为云技术分享】
[摘要] 最近碰到了一个问题,项目中很多文件都是接手过来的中文命名的一些素材,结果在部署的时候文件名全都乱码了,导致项目无法正常运行. 后来请教了一位大佬怎么解决文件名乱码的问题,他说这个需要正面解决 ...
- React 父/子窗体参数传递
1.父窗体 import Modal from './Modal' onModalRef = ref => { this.modal = ref } onCallback = msg => ...