jQuery | 时鹏亮的blog

最近有个前端项目要调整，实现两个select框项目的联动，就顺手搜了下相关操作用的代码，整理如下：

$("#select_id").append("<option value='Value'>Text</option[......]

iframe嵌套其实已经不怎么推荐了，但是还是总结一些基本操作代码示例。

JavaScript在父窗口中获取iframe中的元素

格式：window.frames["iframe的name值"].document.getElementById("ifr[......]

有时嵌入了iframe，需要监测加载完成事件。需要注意的是jQuery中iframe加载完成事件为load，而不是ready。

示例代码如下：

$("#iframe").change(function(){   console.log("加载中&quo[......]

有个需求，用jQuery清空Select2多选控件中的值，人工点击当然是很简单的，那么用jQuery如何实现呢？

代码示例如下：

$("#example").select2("val", " ");

参考资料：S[……]

支持jsonp取数据的接口，如何用jQuery取数据并处理呢？jQuery示例如下：

<textarea id="iframe"></textarea>$.ajax({    url: "http://127.0.0.1/test.ph[......]

无聊写个API的静态测试页，jsonp取数据以后，要对json做格式化高亮，找了下，找到个适合的插件可以实现效果，相关信息如下：

1.插件下载：
pretty-print-json-master.zip

2.核心文件是压缩包里dist目录下的一个css一个js。

3.使用示例：

&l[......]

textarea想追加行如何处理？追加行之后，还要保持显示到最尾部呢？
如下代码实现了textarea追加行且自动滚动到最底部：

$("textarea").append("sdfdsf\n");$("textarea").sc[......]

如下代码实现了textarea随内容增加时滚动到底部的功能：

var $textarea = $('#textarea_id');$textarea.scrollTop($textarea[0].scrollHeight);

以上代码来自：https://stacko[……]

相同name的情况下，radio可以通过如下代码取值：

alert($("input[name='type']:checked").val());[......]

假设select对应的class是js-data-example-ajax，则禁用该选择框的代码如下：

$('.js-data-example-ajax').prop("disabled", true);[......]

时鹏亮的blog