JQuery简记

JQuery:
   1. 什么是JQuery:用JavaScript封装的一个轻量级框架。所以说JQuery的底层就是JavaScript。(JavaScript+查询(Query),即是辅助JavaScript开发的库。)

2. JQuery的核心理念: WRITE LESS,DO MORE (少写,多做)------》因为已经封装好了现成的方法。一般情况下都是多去调用JQuery相关方法。
  
   3. JQuery是免费、开源的、文档丰富。
  
   4. JQuery特性(作用): 1. 可以获取元素节点(标签对象),删除元素节点
                           2. 可以修改元素节点的属性及响应事件,甚至CSS样式

JQuery操作:
    使用JQuery的大前提,一定是要引入相应JQuery的js文件。<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

1.如何获取元素节点:
          $("跟节点有关内容");
      1.通过class获取节点对象
          $(".class名")
      2.通过id获取一个节点对象
          $("#id名")
      3.通过标签名获取节点对象
          $("tag名")
                  
    2.JQuery常用方法:
        移除某个元素下属性:removeAttr(name)
        为某个元素添加属性: attr(key,value)
        获取某个元素的属性: attr(name)
        为某个或者多个元素节点设置样式 : css(name,value)
        为某一个元素节点设置css样式 : css(name,value)  ----- name 样式名称   value 样式的值
        获取某个css样式的值 : css(name)   ----- name 样式名称
        移除某一个元素节点: remove()
        为某个元素绑定事件机制 : bind(name,function)
       
     3.默认启动加载方法: $(function(){});

时间: 2024-10-11 04:45:22

JQuery简记的相关文章

简记 jQuery 插件模板

1 /** 2 * @lisence jquery plugin demo v1.0.0 3 * 4 * author: Jeremy Yu 5 * 6 * description: 7 * this is a jquery plugin Template 8 * see the end of this document to learn how to use the jquery plugin 9 */ 10 ; 11 (function($, window, document, undefi

jQuery入门简记(增删改搜)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } .main { width: 800px; margin

(1)JQuery基础核心

一.知识点简记: 1.JQuery的兼容性非常好,不需要考虑不同浏览器的兼容问题. 2.主流的JavaScript库:YUI.Prototype.Mootools.Dojo.ExtJS(加载页面卡,付费). 3.JQuery2.0不再支持IE6/7/8. 4.完全不支持IE6:网易云课堂. 5."$"是JQuery对象,JQuery特有的对象. 6.使用"$"符号和"jQuery"是恒等的. 7.$(function(){ alert($);//

高性能JavaScript阅读简记(二)

三.DOM Scripting DOM编程 我们都知道对DOM操作的代价昂贵,这往往成为网页应用中的性能瓶颈.在解决这个问题之前,我们需要先知道什么是DOM,为什么他会很慢. DOM in the Browser World 浏览器中的DOM DOM是一个独立于语言的,使用XML和HTML文档操作的应用程序接口(API).浏览器中多与HTML文档打交道,DOM APIs也多用于访问文档中的数据.而在浏览器的实现中,往往要求DOM和JavaScript相互独立.例如在IE中,JavaScript的

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

微信生成二维码 只需一个网址即刻 还有jquery生成二维码

<div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text=http://123.net/index.php?s=/Home/Index/yanzheng/mai/{$dange.id}" style="width: 5rem; margin-bottom: 1rem;" > </div> http://qr.tops

Jquery基础总结

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul> <li id=&quo

初识jQuery

jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:

zepto与jquery冲突的解决

问题出现的背景: 在light7框架下搭建的触屏版项目中,要拓展一个投票系统,其中投票系统有一个比较完善的上传组件,但是此组件是依赖zepto的,而原来的项目是依赖jQuery的,所以就会遇到冲突的问题: 解决方法1: jquery有一个方法叫noConflict() ,可以把jquery的$改掉. var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧. 解决方法2: zepto的符号改掉 window.zp=window.Zepto = Zepto 在zepto