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。的更多相关文章

  1. 如何在网页中添加 jQuery。

    转自:http://www.runoob.com/jquery/jquery-install.html 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 ...

  2. 轻松玩转jquery。

    一.简介 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery产生的对象时jQuery独 ...

  3. Jquery(一) 初识Jquery,简单使用Jquery。

    距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...

  4. 瀑布流 jquery。

    本人小菜鸟一仅仅,为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识,小菜鸟创建了一个群. 希望光临本博客的人能够进来交流. ...

  5. 封装通用的 ajax, 基于 jQuery。

    在前端异步获取数据时候每次都是使用 ajax:为了通用性更好,然而封装通用的 ajax 是一个一劳永逸的办法. 本次基于 jQuery 封装实现: 第一步: 引入 jQuery: <script ...

  6. 。。。再战JQuery。。。

    今天从学习JQurery的第一个函数开始!!! JQuery里面的show这个函数很不错,我很喜欢,他的使用方法如下:JQuery对象.show(speed,callback); speed你可以指定 ...

  7. div随意拖动,基于jquery。

    $("#box").mousedown(function (e) { //e鼠标事件 var offset = $(this).position();//DIV在页面的位置 使用p ...

  8. jquery前端性能优化(持续添加。。。)

    1.选择器的使用 (1)$('#id')   使用id来定位dom元素是性能最高的方法.jQuery底层将直接调用本地方法document.getElementById().如果id直接可以找到所要对 ...

  9. jquery原理的简单分析,让你扒开jquery的小外套。

    引言 最近LZ还在消化系统原理的第三章,因此这部分内容LZ打算再沉淀一下再写.本次LZ和各位来讨论一点前端的内容,其实有关jquery,在很久之前,LZ就写过一篇简单的源码分析.只不过当时刚开始写博客 ...

随机推荐

  1. button 在chrome浏览器下被点击时会出现一个橙色的边框

    问题描述: button在chrome浏览器下被点击时会出现一个橙色的边框 在button上添加 :focus{outline:none;}也无法解决. 解决办法: 在button上添加 :focus ...

  2. 备忘Sourcetree配置

    一. 设置用户名 对应路径:C:\Users\用户名\.gitconfig 二.验证账号 三.添加ssh key 创建ssh密码 保存key,路径:C:\Users\用户名\.ssh 配置Pagean ...

  3. Configuration类的@Value属性值为null

    今天写的Configuration类的@Value属性值为null @Configuration public class MybatisConfigurer { @Value("${spr ...

  4. 本地项目git初始化并提交远程仓库

    1.先在远程仓库(如github)创建项目,为了避免错误,不要初始化 README, license, 或者gitignore文件 . 2.打开Terminal终端 3.切换到你的本地项目目录 4.初 ...

  5. Python 3.X 练习集100题 05

    用 *号输出字母 C的图案 方法1: print(" ***** ") print(" ** * ") print(" ** ") prin ...

  6. python面试题300多题

    第一部分 Python基础篇(80题) 为什么学习Python? 通过什么途径学习的Python? Python和Java.PHP.C.C#.C++等其他语言的对比? 简述解释型和编译型编程语言? P ...

  7. 第十二节:Asp.Net Core 之分布式缓存(SQLServer和Redis)

    一. 整体说明 1. 说明 分布式缓存通常是指在多个应用程序服务器的架构下,作为他们共享的外部服务共享缓存,常用的有SQLServer.Redis.NCache.     特别说明一下:这里的分布式是 ...

  8. Flink 源码解析 —— 项目结构一览

    Flink 源码项目结构一览 https://t.zsxq.com/MNfAYne 博客 1.Flink 从0到1学习 -- Apache Flink 介绍 2.Flink 从0到1学习 -- Mac ...

  9. mysql替换字段中部分字符串

    解决:使用replace(obj, search, replace_str)函数; sql语法: UPDATE 表名 SET 字段名=replace(字段名, ‘被替换字符串’, '用来替换的字符串' ...

  10. nginx location指令详解

    Nginx的HTTP配置主要包括三个区块,结构如下: http { //这个是协议级别 include mime.types; default_type application/octet-strea ...