javascript jquery-js的代码转换为jquer怎么写

问题描述

js的代码转换为jquer怎么写

function ShowText(page, tag){
var i = 1;
var el;
while (el = document.getElementById(tag + i)) {
if (i == page)
el.style.display = 'block';
else
el.style.display = 'none';
i++;
}
}

解决方案

document.getElementById(tag + i)获得的东西和$(#xxx)获得东西不是一个概念的东西,你自己掂量掂量。

解决方案二:

     function ShowText(page, tag) {
        var i = 1;
        var el;
        while (el = $('#' + tag + i)[0]) {
            $(el)[i == page ? 'show' : 'hide']();
            i++;
        }
    }

解决方案三:

 function ShowText(page, tag){
var i = 1;
var el;
while ($('#'+(tag + i)).length>0) {
if (i == page)
    $('#'+(tag + i)).css('display','block');
else
    $('#'+(tag + i)).css('display','none');
i++;
}
}
时间: 2024-08-02 06:20:27

javascript jquery-js的代码转换为jquer怎么写的相关文章

Javascript实现js特效代码运行功能

原理代码如下  代码如下 复制代码 <script> function Preview() {   var TestWin=open('');   TestWin.document.write(code.value); } </script> 上面的代码就是先创建一个新的窗口,然后把指定容器中的字符放到页面运行即可. 例子  代码如下 复制代码 <!doctype html> <html> <head> <meta charset=&quo

jquery js 异步调用天气实例代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="con

JS对象转换为Jquery对象实现代码

 很多新手朋友们都不知道js对象如何转换为jquery对象,其实很简单,下面有个不错的示例,感兴趣的朋友可以参考下  代码如下: $(document.getElementsByTagName("a")).each(function () {  if ($(this).text() == "jquerys") {  $(this).addClass("navTitle");  }  });     

《JavaScript和jQuery实战手册(原书第2版)》——3.4节函数:把有用的代码转换为可复用的命令

3.4 函数:把有用的代码转换为可复用的命令 假设在工作中你刚刚得到一位新的助理,来帮助你完成每项任务(这时候应该把本书归类为"玄幻小说"了).假设你饿了想吃披萨饼,但助理是新来到这座大楼和这个区域的,你必须给他清楚的指示:"出门右转,乘电梯到1层,走出大楼--"等.助手按照你的指示并且买来了一块披萨饼.几个小时之后,你又饿了,还想吃更多的披萨饼.现在,你不需要再次复述整个指示("出门右转,乘电梯到1层,走出大楼--").这次,助手知道到哪里去购

检测jQuery.js是否已加载的判断代码_jquery

当然,该方法不局限于jQuery的检测,对与任何Javascript变量或函数都是通用的. 当前网页加载jQuery后,jQuery()或$()函数将会被定义,所以检测jQuery是否已经加载存在以下2种方法: 方法1: 复制代码 代码如下: if (jQuery) { // jQuery 已加载 } else { // jQuery 未加载 } 方法2: 复制代码 代码如下: if (typeof jQuery == 'undefined') { // jQuery 未加载 } else {

返回顶部效果jquery/js版效果代码

js返回顶部 html 代码:  代码如下 复制代码 <!DOCTYPE HTML> <html lang="en-US"> <head>     <meta charset="UTF-8">     <title>js-回到顶部</title>     <style type="text/css">     *{margin:0;padding:0;}    

jquery动态加载外部js文件代码研究

$.getScript函数动态加载js 有时网页上的js过多就会让网页加载太慢,用户体验不好,我们可以使用jquery $.getScript函数动态加载我们需要的js文件    代码如下 复制代码 $("#load").click(function(){  $.getScript('helloworld.js', function() {     $("#content").html('Javascript is loaded successful!');  })

模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery

一.ready函数的实现经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的源码,涉及到的模块比较多,(水平有限)代码比较难看懂:自己结合了一些书籍内容,总结一下.先说一下ready函数的实现思路:变量ready通过表达式赋值,右侧为一个自执行匿名函数,在这个匿名函数中,首先为各个浏览器的事件绑定处理函数,并为isReady赋值(根据事件异步处理程序来确定),然后返回一个传参闭包,在闭包中,主要判断isReady值来执行操作,如果dom

jQuery.getScript加载同域JS的代码_jquery

解决方法,用以下方法加载js: 复制代码 代码如下: var loadScript = function(url, callback, charset){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); if(charset){ script.charset = charset; } script.src = url; if(!callback)