我选择了jQuery Mobile而不是其他框架，因为它具有动画功能和支持动态页面的能力。
然而，我在样式方面遇到了麻烦。我想保留基本页面样式以执行页面转换。但我还需要完全定制标题、列表视图、按钮、搜索框的外观和感觉... 仅处理颜色是不够的。我需要处理尺寸、位置、边距、填充等等。
因此，我很难处理由jQuery Mobile添加的额外div和类，以便用CSS覆盖它们。但这太费时间了，从头开始重写CSS会更快...
有没有一种方法可以加载最小的jQuery Mobile CSS文件？
还是我应该寻找其他移动框架？我需要处理页面转换、ajax调用、Cordova兼容性，当然还需要完全可自定义的HTML/CSS...
可以通过以下几种方式来实现，有时需要结合使用才能达到所需的效果。
方法1：
可以通过添加以下属性来实现：
data-enhance="false"
添加到头部、内容、底部容器中。
这也需要在应用程序加载阶段完成：
$(document).on("mobileinit", function () {
$.mobile.ignoreContentEnabled=true;
});
在初始化jquery-mobile.js之前对其进行初始化（请参见下面的示例）。
有关这方面的更多信息，请查看此处：
http://jquerymobile.com/test/docs/pages/page-scripting.html
示例：http://jsfiddle.net/Gajotres/UZwpj/
要重新创建页面，请使用以下内容：
$('#index').live('pagebeforeshow', function (event) {
$.mobile.ignoreContentEnabled = false;
$(this).attr('data-enhance','true');
$(this).trigger("pagecreate")
});
方法二：
第二种选择是手动使用以下代码行：
data-role="none"
方法三：
可以防止标记增强的某些HTML元素：
$(document).bind('mobileinit',function(){
$.mobile.keepNative = "select,input"; /* jQuery Mobile 1.4 and higher */
//$.mobile.page.prototype.options.keepNative = "select, input"; /* jQuery Mobile 1.4 and lower */
});
示例：http://jsfiddle.net/Gajotres/gAGtS/
请在jquery-mobile.js初始化之前再次进行初始化（参见下面的示例）。
阅读我的其他教程，了解更多信息：jQuery Mobile：动态添加内容的标记增强
data-enhance="false"吗？据我所见，在https://api.jquerymobile.com/data-attribute/中仍然可以使用，但他们似乎因为某种原因删除了'd'。在初始化之前，您可能还需要配置一些标志，就像链接中所述。 - Juan Carlos Alpizar Chinchilla我不是专家，但我很愿意与你分享一种奇怪的方法。实际上，这是非常繁琐的任务：你需要逐行编辑jqm css，删除属性值，只留下空白，然后在分号前停止；你只需要查找CSS文件中所需的部分来调整或删除值。
不要忘记在HTML页面的头部附加你自己的CSS链接关系
希望这对你有用