https://wwwcnblogscom/leiting/p/9323539html
https://blogcsdnnet/weixin_34402090/article/details/92466739
参考上面的这些文章
相比自己常用的就是两个出发事件
$('')click(function(){}); // 指定对象
$(document)on('click','',function(){}); // 获取整个网页文档对象来指定
但是有时候 当动态（通过json）加入数据的时候 那么往往第一个 触发事件就不对了
相当于就触发不了了，因为第一个是在网页加载的时候就指定了对象
所以可以使用第二个 加载整个网页文档的时候在绑定对象 那么就可以解决问题了
第一个是出发的事件 点击之类的 第二个是选择器 第三个是回调吧
$(document)on('click','#queshou',function () {
consolelog("99999");
$("#myModal-1")modal("show")
});
楼主我帮你实现了下，直接把代码复制新建一个html网页，然后点“开始阅读”按钮，看是不是你想要的，想中止，就点“停止”，另：当滚动到底部后，会自动停止。
<!DOCTYPE html><html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
article{
width: 390px;
height:390px;
overflow-y:auto ;
border: 1px solid #666;
}
</style>
</head>
<body>
<div class="article">
粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜，粉红西瓜花西瓜，花西瓜粉红西瓜，粉红西瓜花西瓜。
</div>
<button onclick='begin()'>开始阅读</button>
<button onclick='stop()'>停止</button>
</body>
<script>
(function($){
var timer;
windowbegin=function(){
timer=setInterval(function(){
var el=$("article");
var lastScrollTop=elscrollTop;
elscrollTop+=100;
if(lastScrollTop==elscrollTop){
clearInterval(timer);
}
},1000)
};
windowstop=function(){
if(timer){
clearInterval(timer);
}
}
})(function(selector){
return documentquerySelector(selector);
});
</script>
</html>
第一 你的浏览器 对JQ的加载解析有一定的影响 建议更新到IE7或8
第二 遨游 也是基于IE内核 的浏览器 你当前系统IE有什么问题是什么版本 他也会有相同的问题
第三 如果不是一定必需和必要 JQ库你可以放在页面底部 最后加载
过多的头部调用 自然会影响到页面的打开速度
第四 如果可以 对于JQ的调用 尽可能的使用 Google的外部调用 因为Google的服务器带宽 肯定要比你的网站所在服务器或空间的带宽大的多
第五 对于网页设计 像JQ这种JS支持库文件 除非必要 不然要应以最小化使用为前提 网页上酷炫的效果与页面加载速度永远是相互对立矛盾的
第六 在编写应用程序上 应该可能的遵循W3C WEB标准 这样才能让浏览器解析的更顺畅 自然加载速度就会更快
希望我的回答对你有所帮助
可以先使用jQuery选择器将p标签选中，然后用html()函数修改p标签内容。
1、新建html文档，在body标签中添加一个p标签，标签的id设为“demo”并添加一段文字，然后引入jQuery：
2、添加script标签，使用jQuery选择器$("#demo")将p标签获取，其中#标签选择的类型是id，demo指的是需要获取标签的id，这时网页中的p标签就会被选中：
3、使用html()函数，html()函数在原生js中指的是innerHTML，表示修改内容，这时在html()函数中填写需要修改后的文本即可：
这几个名词分属不同的概念，它们之间并没有直接的关系。就好比你问“非洲大象与苹果手机是什么关系”一样。当然，往大了说，它们都与网络有关，也仅此而已了。
jq的全称是JQuery，是一种JavaScript的插件，其实就是把JavaScript的一些功能做成容易调用的函数，以方便程序员使用。
HTML5是指超文本标记语言（HTML）的第五次重要修改，是目前最新的标准或者说最新的版本，网页设计中如果采用了HTML5作为标准就能够获得更加炫酷的效果，但也意味着兼容性会降低（在一些早期的低版本的浏览器中可能无法获得预期的效果甚至会更糟）。
web的英文原意是蜘蛛网，后来则延伸为互联网的意思。
css是“层叠样式表”的英文首字母缩写，是用来给网页进行样式设置的。如果把网页比作是一间房子，那么css就是对这间房子的装修，比方说墙壁是什么颜色的，沙发摆放在什么位置，窗户是方的还是圆顶的，等等这些就是css要完成的工作。
<script type=text/javascript src=js/jqueryjs></script>
<script type=text/javascript src=js/jquerycookiejs></script>
<script type=text/javascript>
$(function{
var art_title = $("title");
var art_url = documentURL;
var history;
var json="[";
//json1是第一次注入cookie以后的第一个json，"此时还不是数组" 以点带面的处理
var json1;
var canAdd= true;
//var json1=eval("({sitename:'dreamdu',sitedate:new Date(1980, 12, 17, 12, 0, 0)})");
if(!$cookie("history")){
//第一次的时候需要初始化
history = $cookie("history","{title:\""+art_title+"\""+",url:\""+art_url+"\"}");
}else {
//已经存在
history = $cookie("history");
json1 = eval("("+history+")");
$(json1)each(function{
if(thistitle==art_title){
canAdd=false;
return false;
}
})
if(canAdd){
$(json1)each(function{
json = json + "{\"title\":\""+thistitle+"\",\"url\":\""+thisurl+"\"},";
})
json = json + "{\"title\":\""+art_title+"\",\"url\":\""+art_url+"\"}]";
$cookie("history",json,{expires:1});
}
}
})
</script>
在展示历史记录的页面添加如下js
<script type=text/javascript src=js/jqueryjs></script>
<script type=text/javascript src=js/jquerycookiejs></script>
<script type=text/javascript>
$(function{
if($cookie("history")){
var json = eval("("+$cookie("history")+")");
var list ="";
$(json)each(function{
list = list + "<li><a href='"+thisurl+"' target='_blank'>"+thistitle+"</a></li>";
alert(thisurl);
})
$("#list")(list);;
}
});
</script>
</head>
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）