正文

js与jquery

guoyongfeng  2022-02-07  334

关键词：

在做网站搜索时，我们往往会想到一种很人性化的一点，就是显示提示文字，一般这种效果很多见的，通俗的讲就是鼠标不放上的时候，显示一个“请输入文字”，鼠标放上去的时候，这个文字消失，用js的理解的话，就是鼠标获得焦点的时候更换input的value值，好了，这种效果的代码写法有很多种，大家先看代码：

方法一：一行js代码搞定

<input type="text" name="s" value="提示文字" onfocus="if (value ==‘提示文字‘){value =‘‘}" onblur="if (value ==‘‘){value=‘提示文字‘}" />

方法二：一段简单的jquery搞定 先上html的form的代码

<form action="" method="post">     
<input type="text" name="keyword" id="keyword" value="请输入关键词！"/>     
<input type="submit" name="submit" value="提交"/>     
</form>

再是jquery的代码：

$(document).ready(function()    {         
//搜索框      
    $(‘#keyword‘).focus(function() {      
        if($(this).val() == ‘请输入关键词！‘) {      
            $(this).val("");      
        }      
    });      
    $(‘#keyword‘).blur(function(){      
        if($(this).val() == "") {      
            $(this).val(‘请输入关键词！‘);      
        }      
    });      
});

转载自:http://www.9958.pw/post/js_search_input_title

js与jquery方法对比

CreateTime--2017年1月19日10:00:10Author:Marydonjavascript与jQuery方法对比jquery对象转dom对象//方式一$("#confirm")[0]//方式二$("#confirm").get(0)//方式三$("#confirm").eq(0)[0]vargetObjectByJs=document.getElementById("test") 查看详情

jquery与js的区别，并有基本语法详解，

通过过一下对比，我们能很清楚的发现jquery与js的区别，运用jquery能大量减少代码量，不过js里面关于时间的setinterval和settimeout只能用js <scriptsrc="jquery-1.11.2.min.js"></script>；引用文件的语句一定要放在最前面，即使写... 查看详情

js对象与jquery对象相互转换

有时候在我们开发过程中，需要将js对象和jquery对象之间进行转换：1.js对象转jquery对象时，直接用$()括起来就行比如：varv=document.getElementById("v");//DOM对象var$v=$(v);//jQuery对象2.jquery转js对象：2.jQuery对象转成DOM对象两种转换方式讲... 查看详情

jquery对象与js对象

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了，使用[index]和.get(index)可以转为DOM对象jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是... 查看详情

jquery与javascript与ajax三者的区别与联系

简单总结：1、JS是一门前端语言。2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS... 查看详情

js方法不能与jquery方法同时用

困扰我一天的问题，终于知道原因了：js方法不能与jquery方法同时用！！！度娘找到了答案：例如attr("name")是jquery对象的方法，原生js的方法是getAttribute()。代码可以写成$(element).attr("name")或者element.getAttribute("name")。查看详情

将 JQuery 与 node.js 一起使用时出错

】将JQuery与node.js一起使用时出错【英文标题】：ErrorsusingJQuerywithnode.js【发布时间】：2012-10-1009:06:56【问题描述】：我在Windows7上运行了全新安装的node.js，我正在尝试运行一个非常基本的JQuery脚本，名为a.js，其中仅包含：require("... 查看详情

jquery与js的区别与基础操作

一．什么是jQueryjQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强... 查看详情

js与jquery的区别

使用JQERY时要在head里加<scriptsrc="jquery-1.11.2.min.js"></script>//js找元素<divid="aa"></div><divclass="a1"></div><divclass="a1"></div><divclass="a1"></ 查看详情

jquery与js添加子元素

例如在select中添加optionJQuery做法:<selectid="myselect"name="myselect"></select>$("#myselect").append(‘<optionvalue="-1">请选择</option>‘); js的做法:@参考文章关于select的添加option应该查看详情

js与jquery

在做网站搜索时，我们往往会想到一种很人性化的一点，就是显示提示文字，一般这种效果很多见的，通俗的讲就是鼠标不放上的时候，显示一个“请输入文字”，鼠标放上去的时候，这个文字消失，用js的理解的话，就是鼠标... 查看详情

js与jquery

js与jquery学习——02

1.window对象的常用属性：history有关客户访问过的URL的信息 location有关当前URL的信息 //实现浏览器刷新，前进，后退功能2.js中属性的语法格式：window.属性名="属性值" 例：window.location="http... 查看详情

jquery插件ajaxfileupload.js源码与使用

在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，但是在使用ajaxfileupload.js时候，当服务器返回的json带有&符号的时候，返回的data数据里面所有的&被转义成了&。下面的ajaxfileupl... 查看详情

如何将图表与 js 和 jQuery 集成？

】如何将图表与js和jQuery集成？【英文标题】：HowtointegratechartswithjsandjQuery?【发布时间】：2022-01-2019:58:22【问题描述】：我正在尝试从API获取数据并根据从下拉列表中选择的值编辑端点并为其显示相应的图表，我可以将js、jQuery... 查看详情

与 formatter.js 和 jquery 验证插件不兼容？

】与formatter.js和jquery验证插件不兼容？【英文标题】：Incompatibilitywithformatter.jsandjqueryvalidationplugin?【发布时间】：2014-05-0622:53:38【问题描述】：我遇到了formatter.js和验证jquery插件的问题。<divclass="formClear"><labelfor="text-basic"&... 查看详情

js-jquery对象与dom对象相互转换

核心提示：jquery选择器得到的jquery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所以，如果jquery对象要使用标准的dom... 查看详情

js-jquery对象与dom对象相互转换

什么是jQuery对象？---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：$("#test").html()意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现... 查看详情