Jquery 复习练习(02)Javascript 与jquery 互转

Javascript 与jquery 互转

jquery 为<script src="jquery-1.8.3.js"></script>

  <script type="text/javascript">
        $(function () {
            $("input").click(function () {
              var a=  $("#shang ul  li span");
              var b = a.get(0);  //jq 对象转 js 对象
              b.innerHTML = "张三";

              var c = $(b); //js 对象转 jq对象
                c.css("background-color", "green");
            });
        });

    </script>
</head>
<body>
<input type="button" value="dianji"/>
<div id="shang">dddds
    <ul>
        <li>fasl</li>
        <li> sssss<span> span hong</span></li>
    </ul>
</div>
</body>
时间: 2024-10-12 20:50:56

Jquery 复习练习(02)Javascript 与jquery 互转的相关文章

为什么原生 JavaScript 开发越来越多受欢迎?是否应该跟风用原生JavaScript代替 jQuery等库?

本文标签:  jQuery的作用 原生JavaScript优势 jQuery官网 jQuery处理DOM和跨浏览器 JavaScript新特性 互联网杂谈 随着 JavaScript 本身的完善,越来越多的人开始喜欢使用原生 JavaScript 开发代替各种库,其中不少人发出了用原生 JavaScript 代替 jQuery 的声音.这并不是什么坏事,但也不见得就是好事.如果你真的想把 jQuery从前端依赖库中移除掉,我建议你慎重考虑. 首先 jQuery 是一个第三方库.库存在的价值之一在

JavaScript和jQuery改变标签内容

HTML: <div id="mazey">content</div> JavaScript: var mazey=document.getElementById("mazey"); mazey.innerHTML=data; jQuery: $("#mazey").html(data); JavaScript和jQuery改变标签内容

jQuery基础之(一)jQuery概述

1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯.jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注. 如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)

最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下 很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家. 什么是JSONP协议? JSONP即JSON w

jQuery复习节点知识(1、查看(获取)和设置属性)

两个关键字  1.attr   2.prop 主要要实现获得和设置两种方式 话不多说就直接上代码: 首先是获取方式的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery复习节点知识(1.查看(获取)和设置属性)</title> <script type="text/javasc

jQuery复习知识点(2、创建节点 3、插入节点)

创建节点的语法: $(html); 插入节点的语法: 话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery复习知识点(2.创建节点 3.插入节点)</title> <script type="text/javascript"src="../j

流行的JavaScript库 ——jQuery

1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器.当前流行的 JavaScript 库有:jQuery, MooTools, Prototype, Dojo, YUI, EXT_JS  DWR 2.jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. j

php课程---JavaScript与Jquery的区别(转)

jQuery能大大简化Javascript程序的编写,我最近花时间了解了一下jQuery,把我上手过程中的笔记和大家分享出来,希望对大家有所帮助.要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如:<script language="javascript" src="/js/jquery.min.js"></script>库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访

【JavaScript】jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :