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. Pandas | 11 字符串函数

    在本章中,我们将使用基本系列/索引来讨论字符串操作.在随后的章节中,将学习如何将这些字符串函数应用于数据帧(DataFrame). Pandas提供了一组字符串函数,可以方便地对字符串数据进行操作. ...

  2. C# 委托的本质

    它本质是一个方法的容器 委托 只是 一件衣服, 在所有将委托做参数的地方 ,首先想到的是放一个对应的方法进来.

  3. centos7 编译安装 haproxy1.8.20

    当前系统信息: [root@localhost ~]# cat /etc/os-release NAME="CentOS Linux" VERSION="7 (Core) ...

  4. 《HeadFirts设计模式》笔记

    定义 在某种情境下,针对某些问题的某种解决方案. 设计模式 1.可拓展性强,方便维护,能够应付变化. 何时使用设计模式 设计之前,还有在重构的时候. OOP 可复用,可扩充,可维护 设计模式原则 1. ...

  5. scaffold

    #!/usr/bin/env python # -*- coding: utf-8 -*- from __future__ import print_function import argparse ...

  6. python入门之名称空间

    name = 'tank' 什么是名称空间? 存放名字的空间 如果你想访问一个变量值,必须先访问对应的名称空间,拿到名字和对应的内存地址的绑定关系 名称空间的分类: 1.内置名称空间: python提 ...

  7. spring Valid @Pattern 常见的验证表达式

    1 匹配首尾空格的正则表达式:(^\s*)|(\s*$)   2 整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 3 只能输入数字:"^[0-9]*$". 4 只 ...

  8. Java计算工作日的工具类

    有时候需要根据工作日计算指定的日期,也就是需要排除周六日. 1.  初版代码如下: package cn.xm.exam.utils; import java.util.Calendar; impor ...

  9. yum 删除了,如何重新导入

    说明:准备研究docker时遇到的问题,提示如下: [root@localhost116 yum-package]# rpm -ivh yum--.el6.centos.noarch.rpm warn ...

  10. Linux ssh 公私钥配置

    Linux ssh 公私钥配置 ssh 公私钥可实现无密码的情况下直接直接登录到服务端.方便我们管理,而且也可以设置ssh完全通过公私钥登录,不可通过密码登录,来提高我们的服务器安全程度. 配置 生成 ...