jquery 的一个问题

无需多说上前端

我们两个页面原本存在的button可以正常的在一个div里边添加内容,但是通过jquery添加进来的一个按钮虽然同时button,但是不能能在div里边添加内容

在多行代码中这个问题纠结了我好长时间。。。。。

贴上本测试前端代码以祭奠我逝去的除bug时间

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button>钮按下添加文本</button>
<br/>
<button id="btn2">用jquery添加一个button,由于同是按钮事件我同样也会添加一个文本</button>
<div class="ajax">
    <p id="test">test</p>
</div>
<div class="ajax2">

</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(document).ready(function(){
        $("button").on('click',function(){
           html1 = "<h1>test</h1>";
           $(".ajax").append(html1);
        });
        $("#btn2").on('click', function(){
            $(".ajax2").append("<button>这是一个通过jquery添加进来的button 看能不能成功添加文本</button>");
        })
    });

</script>
</body>
</html>
时间: 2024-10-12 04:23:52

jquery 的一个问题的相关文章

jQuery生成一个DIV容器,ID是&quot;rating&quot;.

我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数.看一下rate.php代码.虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是"rating". $(document).ready(function() {        // generate markup        var ratingMarkup = ["lease rate: "]; 

jquery判断一个div的边界是否超出另外一个div的边界

摘要:本文简单介绍jquery判断一个div的边界是否超出另外一个div的边界,如果超出边界做出相应的处理. 1.实现效果 判断前 判断后 2.实现思路 实现类似的判断,主要是获取两个div在浏览器中的上下左右的四至,在jquery中,可以通过div.offset().left和div.offset().top获取div在浏览器中的绝对位置的left和top值:div在浏览器中的绝对位置的right和bottom为div的left+width和top+height,width和height可以通

jquery的一个细节

使用jquery报一个错误,之前也遇到过,今天记录下来,方便以后使用 Uncaught TypeError: Object #<Object> has no method 'test' 这是jquery冲突,引用js的是先引用jquery,再引用别的js, 更要注意的是:加入以下内容 var $j = jQuery.noConflict();

JQuery中一个简单的表单验证的实例

html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quo

jQuery 开发一个简易插件

jQuery 开发一个简易插件 //主要内容 $.changeCss = function(options){ var defaults = { color:'blue', ele:'text', fontSize:'30px' } var options = $.extend(defaults , options); var change ={ changeColor:function(){ $('#'+options.ele).css('color',options.color); }, c

第一次来博客园先用jquery写一个简单菜单收缩效果

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <script src="jquery-1.7.2.min.js"></script&g

jquery 实现一个页面多个tab页

<!DOCTYPE html ><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery 实现 一个页面 多个tab</title><style type="text/css">ul{    list-style:none;   

用jQuery判断一个元素的各种状态

用jQuery判断一个元素是否显示 用jQuery判断一个元素是否显示:$(element).is(":visible"); 类似的,判断一个元素是不是第一个子元素:$(element).is(":first-child") 判断一个checkbox元素是否选中:$(element).is(":checked") 判断一个元素是否存在:$(element).length 判断一个字符串中是否包含其他字符串:str.indexOf("ab

用jquery写一个无刷新评论功能

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript&quo